Next.js Loading States Demo

A demonstration of loading patterns in Next.js 16 with App Router, React Suspense, and Tailwind CSS.

Tech Stack

• Next.js 16 (App Router)
• React 19 (with use() hook)
• Tailwind CSS v4
• TypeScript

Getting Started

Install dependencies:

pnpm install

Run the development server:

pnpm dev

Open http://localhost:3000

What's Included

Three loading patterns:

• Dashboard — Server Component with Streaming SSR
• Profile — Client Component with use() hook
• Products — Client Component with useState