The React Framework for the Web

Used by some of the world's largest companies, Next.js enables you to create high-quality web applications with the power of React components.

What's in Next.js?

Everything you need to build great products on the web.

Data Fetching

Make your React component async and await your data. Next.js supports both server and client data fetching.

Server Actions

Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.

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, Tailwind CSS, and popular community libraries.

Route Handlers

Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.

Middleware

Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.

A tree structure of 3D spheres are connected by lines

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.

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.

Server Actions

Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.

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, Tailwind CSS, and popular community libraries.

Route Handlers

Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.

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.

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.

Server Actions

Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.

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, Tailwind CSS, and popular community libraries.

Route Handlers

Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.

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 16

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.

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

Vercel is a frontend cloud from the creators of Next.js, making it easy to get started with Next.js quickly.

Jumpstart your Next.js development with pre-built solutions from Vercel and our community.

Deploy a Template on Vercel

Next.js Boilerplate

A Next.js starter from create-next-app.

Image Gallery Starter

An image gallery built on Next.js and Cloudinary.

Next.js Commerce

An all-in-one starter kit for high-performance ecommerce sites.

The framework of choice when it matters

For performance, efficiency and developer experience. Next.js is trusted by some of the biggest names on the web.

View the Next.js Showcase

With Next.js, we now consistently average 0.09 or lower for Cumulative Layout Shift, placing our site in the top tier for user experience and Core Web Vitals.

Senior Software Engineer, Frontend

Our UI for Frame.io responds to user input within 100ms and all animations run at a consistent 60fps with Next.js.

Charlton Roberts, Product Engineering

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.

Daniel Lopes, Frontend Developer

The React Framework for the Web

What's in Next.js?

Built on a foundation of fast, production-grade tooling

Get started in seconds

The framework of choice when it matters

Customer Testimonials

“With Next.js, we now consistently average 0.09 or lower for Cumulative Layout Shift, placing our site in the top tier for user experience and Core Web Vitals.”

“Our UI for Frame.io responds to user input within 100ms and all animations run at a consistent 60fps with Next.js.”

“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.”

What's in Next.js?

Built on a foundation of fast, production-grade tooling

Get started in seconds

The framework of choice when it matters

Customer Testimonials

“With Next.js, we now consistently average 0.09 or lower for Cumulative Layout Shift, placing our site in the top tier for user experience and Core Web Vitals.”

“Our UI for Frame.io responds to user input within 100ms and all animations run at a consistent 60fps with Next.js.”

“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.”

With Next.js, we now consistently average 0.09 or lower for Cumulative Layout Shift, placing our site in the top tier for user experience and Core Web Vitals.

Our UI for Frame.io responds to user input within 100ms and all animations run at a consistent 60fps with Next.js.

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.

With Next.js, we now consistently average 0.09 or lower for Cumulative Layout Shift, placing our site in the top tier for user experience and Core Web Vitals.

Our UI for Frame.io responds to user input within 100ms and all animations run at a consistent 60fps with Next.js.

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.