Skip to main content

Next.js

Overview​

Next.js is a React framework from Vercel for production web apps. It supports server components, file-system routing, API routes, image optimization, and flexible rendering modes (SSR, SSG, ISR) in one codebase.

Key concepts​

  • App Router vs Pages Router: app/ directory (React Server Components) vs legacy pages/.
  • Data fetching: fetch caching controls, server actions, loaders.
  • Rendering: Static, dynamic, streaming, edge runtimes.
  • Deployment: Vercel, Docker, or any Node host.
  • Built-ins: next/image, next/font, middleware.

Sample: App Router page​

// app/page.tsx
export default function Page() {
  return <main>Hello Next.js</main>;
}

References​