MENU
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 |