Architecture. Learn about the Next.js architecture and how it works under the hood.

An overview of the folder and file conventions in Next.js, and how to organize your project.

The Next.js team is committed to making Next.js accessible to all developers (and their end-users). By adding accessibility features to Next.js by default, we aim to make the Web more inclusive for everyone.

The Next.js Compiler transpiles your tests and simplifies configuring Jest together with Next.js including: Auto mocking of .css, .module.css (and their .scss variants), and image imports; Automatically sets up transform using SWC; Loading .env (and all variants) into process.env; Ignores node_modules from test resolving and transforms

Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust, and built into Next.js. Turbopack can be used in Next.js in both the pages and app directories for faster local development. To enable Turbopack, use the --turbopack flag when running the Next.js development server.

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. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.

How to set up a new Next.js project System requirements. Node.js 18.18 or later. macOS, Windows (including WSL), and Linux are supported. Automatic installation. We recommend starting a new Next.js app using create-next-app, which sets up everything automatically for you. To create a project, run:

Next.js supports modern browsers with zero configuration. Chrome 64+ Edge 79+ Firefox 67+ Opera 51+ Safari 12+ Browserslist. If you would like to target specific browsers or features, Next.js supports Browserslist configuration in your package.json file. Next.js uses the following Browserslist configuration by default:

Next.js by Vercel is the full-stack React framework for the web. Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

Create your first shared layout in Next.js. Linking and Navigating Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook.