Next.js vs React: What the Framework Actually Adds
React is a library for building user interfaces. Next.js adds routing, server rendering, data fetching, and build tooling on top of it.
Full-stack React framework
React is a library for building user interfaces. Next.js adds routing, server rendering, data fetching, and build tooling on top of it.
A map of every folder and file a Next.js project contains, and what each one does in the App Router.
Set up TypeScript in a Next.js project, from the generated tsconfig to typed config and the generated type file.
Run the Next.js dev server and use its options for ports, hostnames, bundlers, and HTTPS.
The route table printed by next build uses a symbol per route. Learn what static, partial prerender, SSG, and dynamic mean.
Next.js turns folders inside app into URLs. Learn how nesting, page files, and layouts combine to build your app's routes.
Prefixing a folder with an underscore opts it and everything inside it out of routing. Learn when this convention helps beyond normal colocation.
Parallel routes render more than one page in the same layout at once, each with its own loading and error state. Learn the @slot convention.
Intercepting routes load one route inside the current layout while masking the URL, which is what lets a photo open as a modal instead of a new page.
A layout persists across navigations and keeps its state. A template remounts on every navigation within its segment. Learn when that difference matters.
Layouts cannot pass data to the pages they wrap, and pages cannot pass data up to a layout. Learn the real patterns for sharing data between them.
useRouter is a client-side hook for event handlers, and redirect is a server-side function that interrupts rendering. Learn which one fits which situation.