| name | nextjs-16-2-3 |
| description | Build production-ready React applications with Next.js 16.2.3, providing App Router and Pages Router, server/client components, routing, data fetching, caching, API routes, and deployment. Use when creating modern web applications requiring SSR/SSG/ISR, SEO-friendly rendering, TypeScript support, or full-stack JavaScript development. |
| license | MIT |
| author | Tangled <noreply@tangledgroup.com> |
| version | 0.1.0 |
| tags | ["react","nextjs","ssr","ssg","fullstack","typescript","app-router","server-components"] |
| category | framework |
| external_references | ["https://nextjs.org/docs","https://github.com/vercel/next.js"] |
Next.js 16.2.3
Overview
Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. It automatically configures lower-level tools like bundlers and compilers so you can focus on building your product and shipping quickly.
Whether you're an individual developer or part of a larger team, Next.js helps you build interactive, dynamic, and fast React applications. Used by some of the world's largest companies, it extends the latest React features and integrates powerful Rust-based JavaScript tooling for the fastest builds.
When to Use
- Building full-stack web applications with React
- Projects requiring server-side rendering (SSR) or static site generation (SSG)
- Applications needing SEO-friendly pages with automatic metadata management
- APIs and backend-for-frontend patterns using Route Handlers
- Projects benefiting from file-system based routing
- Applications requiring image optimization, font loading, and CSS handling out of the box
- Deployments to Vercel, Node.js servers, Docker containers, or edge platforms
Core Concepts
Next.js 16 has two routers:
- App Router — The newer router supporting React Server Components, streaming, and the
app/ directory convention. Uses React canary releases built-in (including all stable React 19 changes).
- Pages Router — The original router, still supported and being improved. Uses the React version from your
package.json.
Key architectural pillars:
- File-system routing — Folders and files define routes
- Server Components — Fetch data and render UI on the server by default
- Client Components — Add interactivity with
"use client" directive
- Caching — Built-in data caching with
use cache directive and Cache Components
- Streaming — Progressive rendering of uncached data via
<Suspense>
- Turbopack — Rust-based incremental bundler built into Next.js
Installation / Setup
Minimum Node.js version: 20.9+. Supported operating systems: macOS, Windows (including WSL), and Linux.
Supported browsers: Chrome 111+, Edge 111+, Firefox 111+, Safari 16.4+.
Create a new app with the CLI:
npx create-next-app@latest my-app --
my-app
npm run dev