Next.js

Next.js is a React framework for production. Its features include:

Image Optimization

<Image> and Automatic Image Optimization with instant builds.

Internationalization

Built-in Domain & Subdomain Routing and Automatic Language detection.

Next.js Analytics

A true lighthouse score based on real visitor data & page-by-page insights.

Zero Config

Automatic compilation and bundling. Optimized for production from the start.

Hybrid SSG and SSR

Pre-render pages at build time (SSG) or request time (SSR) in a single project.

Incremental Static Regeneration

Add and update statically pre-rendered pages incrementally after build time.

TypeScript Support

Automatic TypeScript configuration and compilation.

Fast Refresh

Fast, reliable live-editing experience, as proven at Facebook scale.

Optimized Prefetching

Client-side routing with optimized prefetching.

File-system Routing

Every component in the 'pages' directory becomes a route.

API Routes

Optionally create API endpoints to provide backend functionality.

Built-in CSS Support

Create component-level styles with CSS modules. Built-in Sass support.

Code-splitting and Bundling

Optimized bundle splitting algorithm created by the Google Chrome team.

To create a Next.js App:

npx create-next-app myProject --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"

Under the hood, this uses the template at the URL through the --example flag.

To launch the development server on port 3000:

cd myProject
npm run dev