← Back to Documentation

Next.js 14

The React Framework for the Web

Next.js 14 with App Router, Server Components, and streaming provides the foundation for all platforms. Built for production from day one.

Why Next.js 14?
The modern choice for React applications

Server Components

Render components on the server by default for better performance and SEO

File-based Routing

Intuitive routing based on file system with layouts and nested routes

API Routes

Build API endpoints right alongside your pages

TypeScript First

Built-in TypeScript support with excellent type inference

Project Structure
my-platform/
├── app/                      # App directory (Next.js 14)
│   ├── (auth)/              # Route group
│   │   ├── login/
│   │   └── register/
│   ├── dashboard/           # Protected routes
│   │   ├── layout.tsx
│   │   └── page.tsx
│   ├── api/                 # API routes
│   │   ├── users/
│   │   └── posts/
│   ├── layout.tsx           # Root layout
│   └── page.tsx             # Homepage
├── components/              # React components
│   ├── ui/                  # shadcn/ui components
│   └── custom/              # Custom components
├── lib/                     # Utilities
│   ├── db/                  # Database
│   └── utils.ts
└── public/                  # Static assets