In person & Virtual
Get Tickets![](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1723581090%2Ffront%2Fnext-conf-2024%2Ftakeover.png&w=3840&q=75)
What's in Next.js?
Everything you need to build great products on the web.
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.
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.
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, 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](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&w=640&q=100)
![A tree structure of 3D spheres are connected by lines](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&w=640&q=100)
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 14
The power of full-stack to the frontend. Read the release notes.
![Three abstract images are resized at three different sizes and stacked on top of each other](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&w=640&q=100)
![Three abstract images are resized at three different sizes and stacked on top of each other](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&w=640&q=100)
Built-in Optimizations
Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.
![A tree structure of 3D spheres are connected by lines](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&w=640&q=100)
![A tree structure of 3D spheres are connected by lines](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&w=640&q=100)
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.
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, 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 14
The power of full-stack to the frontend. Read the release notes.
![Three abstract images are resized at three different sizes and stacked on top of each other](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&w=640&q=100)
![Three abstract images are resized at three different sizes and stacked on top of each other](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&w=640&q=100)
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.
![A tree structure of 3D spheres are connected by lines](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&w=640&q=100)
![A tree structure of 3D spheres are connected by lines](/https/nextjs.org/_next/image?url=https%3A%2F%2Frp.liu233w.com%3A443%2Fhttps%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&w=640&q=100)
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 14
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
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.
Customer Testimonials
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.