The React Framework for the Web
Used by some of the world's largest companies, Next.js enables you to create full-stack Web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.
What's in Next.js?
All the tools you need to make the Web. Faster.
Original
1440px
375px
Built-in Optimizations
Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.
Data Fetching
Make your React component async and await your data. Next.js supports both server and client data fetching.
Node.js & Edge Runtimes
Build scalable solutions with Serverless functions, and deliver fast dynamic, personalized content with the Edge.
Advanced Routing & Nested Layouts
Create routes using the file system, including support for more advanced routing patterns and UI layouts.
Dynamic HTML Streaming
Instantly stream UI from the server, integrated with the App Router and React Suspense.
CSS Support
Style your application with your favorite tools, including support for CSS Modules, Sass, Tailwind CSS, styled-jsx, and more.
Route Handlers
Build API endpoints to securely connect with third party services and consume from your frontend.
Middleware
Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.
React Server Components
Add components without sending additional client-side JavaScript. Built on the latest React features.
Client and Server Rendering
Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.
Next.js 13
The power of full-stack to the frontend. Read the release notes.
Built-in Optimizations
Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.
React Server Components
Add components without sending additional client-side JavaScript. Built on the latest React features.
Data Fetching
Make your React component async and await your data. Next.js supports both server and client data fetching.
Node.js & Edge Runtimes
Build scalable solutions with Serverless functions, and deliver fast dynamic, personalized content with the Edge.
Advanced Routing & Nested Layouts
Create routes using the file system, including support for more advanced routing patterns and UI layouts.
Dynamic HTML Streaming
Instantly stream UI from the server, integrated with the App Router and React Suspense.
CSS Support
Style your application with your favorite tools, including support for CSS Modules, Sass, Tailwind CSS, styled-jsx, and more.
Route Handlers
Build API endpoints to securely connect with third party services and consume from your frontend.
Middleware
Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.
Client and Server Rendering
Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.
Next.js 13
The power of full-stack to the frontend. Read the release notes.
Built-in Optimizations
Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.
Dynamic HTML Streaming
Instantly stream UI from the server, integrated with the App Router and React Suspense.
React Server Components
Add components without sending additional client-side JavaScript. Built on the latest React features.
Data Fetching
Make your React component async and await your data. Next.js supports both server and client data fetching.
Node.js & Edge Runtimes
Build scalable solutions with Serverless functions, and deliver fast dynamic, personalized content with the Edge.
Advanced Routing & Nested Layouts
Create routes using the file system, including support for more advanced routing patterns and UI layouts.
CSS Support
Style your application with your favorite tools, including support for CSS Modules, Sass, Tailwind CSS, styled-jsx, and more.
Route Handlers
Build API endpoints to securely connect with third party services and consume from your frontend.
Middleware
Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.
Client and Server Rendering
Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.
Next.js 13
The power of full-stack to the frontend. Read the release notes.
Built on a foundation of fast, production-grade tooling
ReactThe library for web and native user interfaces. Next.js is built on the latest React features, including Server Components and Actions.
TurbopackAn incremental bundler optimized for JavaScript and TypeScript, written in Rust , and built into Next.js 13.
Speedy Web CompilerAn extensible Rust based platform for the next generation of fast developer tools, and can be used for both compilation and minification.
Get started in seconds
Deploy Next.js to Vercel
The framework of choice when it matters
Peerless performance, efficiency and developer experience. Next.js is trusted by some of the biggest names on the Web.
With Next.js at the helm of our headless tech stack, our developers can create features with velocity and speed, ultimately enabling users to create whatever, whenever they want to.
My favorite UX feedback from customers is: "How is the app so fast?" Because we’ve built on Next.js and Vercel since day one, our pages load in an instant, which is important when it comes to mission-critical software.
Next.js has been a game-changer for our agency work and team collaboration. Its powerful features have allowed us to build high-performance websites quickly and efficiently like never before.