> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/vercel/next.js/llms.txt
> Use this file to discover all available pages before exploring further.
# Next.js Documentation
> The React Framework for the Web. Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features.
Install Next.js and create your first application in minutes.
Learn the modern App Router with React Server Components, layouts, and streaming.
Explore the full API including components, functions, and configuration options.
Use the stable Pages Router with `getStaticProps`, `getServerSideProps`, and more.
## What is Next.js?
Next.js is a React framework that gives you the building blocks to create full-stack web applications. It extends React with:
* **File-based routing** — Create routes by adding files to your `app/` or `pages/` directory
* **Server Components** — Render components on the server to reduce client-side JavaScript
* **Streaming** — Progressively render UI from the server with React Suspense
* **Built-in optimizations** — Automatic image, font, and script optimization
* **Turbopack** — Rust-based bundler for fast development builds
* **Full-stack** — Route Handlers let you build API endpoints alongside your UI
## Choose your router
The App Router is the modern approach to building Next.js applications. It uses React Server Components by default and supports layouts, nested routing, loading states, error handling, and more.
```bash theme={null}
npx create-next-app@latest my-app
cd my-app
npm run dev
```
Learn the App Router with React Server Components
The Pages Router is the original Next.js router. It uses a `pages/` directory and exports React components as pages. It's stable and widely used in production.
```bash theme={null}
npx create-next-app@latest my-app --no-app
cd my-app
npm run dev
```
Learn the Pages Router with getStaticProps and getServerSideProps
## Key features
File-based routing with layouts, dynamic segments, and parallel routes.
Fetch data on the server or client with async/await and React cache.
Multiple caching layers for fast page loads and reduced API calls.
Automatic image optimization with lazy loading and modern formats.
Zero layout shift font loading with Google Fonts and local fonts.
First-class TypeScript support with automatic type checking.
## Architecture overview
Next.js ships with Turbopack, a Rust-based bundler that delivers fast incremental builds.
Render components on the server for better performance and smaller client bundles.
Deploy to edge networks for low-latency responses worldwide.
SWC-based compiler for fast transforms, minification, and dead code elimination.
## Community
Ask questions and share ideas with the Next.js community.
Learn how to contribute to Next.js and submit your first PR.