What Is Next.js and When Should You Use It?
Next.js is a React framework for building full-stack web applications. Learn what it adds on top of React and when it is the right choice for a project.
Full-stack React framework
Next.js is a React framework for building full-stack web applications. Learn what it adds on top of React and when it is the right choice for a project.
Build a small full-stack Next.js app with the App Router: a server-rendered page that reads data from an API route handler you create.
The app directory is the root of the App Router. Learn the file names that matter and how folders map to URLs.
Add Next.js to an existing React app by installing the framework, adding scripts, and creating an app directory.
Set up TypeScript in a Next.js project, from the generated tsconfig to typed config and the generated type file.
Development mode optimizes for fast feedback, and production mode optimizes for fast page loads. Learn what changes after next build.
The Next.js CLI is one command with subcommands for dev, build, start, and utilities. Learn each command and its key flags.
Move the app folder under src to separate application code from config files. Learn the setup and the tradeoffs.
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.
not-found.js renders when a route segment calls notFound(). global-not-found.js catches URLs that never matched a route at all. Learn when each one runs.
Partial prefetching sends a route's static shell ahead of a click and streams in the rest. Learn what it needs, what it prefetches, and how to adopt it.