Fast out of the Box.
Online shoppers demand performance. Next.js enables developers to create
delightful online experiences, then stay fast with Next.js Speed Insights.
Stay Fast Over Time
Sites only become more complex. As developers add enhancements and features over time,
Next.js offers performance insights and upgrades.
First
Contentful Paint
Contentful Paint
Largest
Contentful Paint
Contentful Paint
Real Experience Score
Cumulative
Layout Shift
Layout Shift
First
Input Delay
Input Delay
Why Next.js
The world’s leading companies use and love Next.js
Image Optimization
<Image> and Automatic Image Optimization with instant builds.
Internationalization
Built-in Domain & Subdomain Routing and Automatic Language detection.
Next.js Speed Insights
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.
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.
Middleware
Dynamic routing defined by code instead of configuration.
