Next.js

Overview

Next.js is a full-stack React framework. The App Router gives file-based routing, Server Components, Server Actions for mutations and streaming. Next.js 16 (current: 16.4) made Turbopack the default bundler, removed synchronous access to params, searchParams, cookies() and headers(), renamed middleware to proxy, and added opt-in Cache Components (use cache, Partial Prerendering). fetch requests are not cached by default (since 15). Check npm view next version and the upgrade guide at nextjs.org/docs/app/guides/upgrading/version-16 before assuming behavior from older projects.

Instructions

Setup

npx create-next-app@latest northwind-portal --yes   # TypeScript, Tailwind, ESLint, App Router, Turbopack
cd northwind-portal
npm run dev                                          # http://localhost:3000

next dev and next build use Turbopack by default (--turbopack is no longer needed). A custom webpack config makes next build fail unless you pass --webpack or move to turbopack options in next.config.ts. Upgrading an older app: npx @next/codemod@canary upgrade latest, then npx @next/codemod@canary next-async-request-api . for leftover synchronous params/cookies() access.

Routes and components