这是用户在 2024-8-28 9:53 为 https://nextjs.org/ 保存的双语快照页面,由 沉浸式翻译 提供双语支持。了解如何保存?
Skip to content
Get Tickets  购票

What's in Next.js? 接下来会发生什么.js?

Everything you need to build great products on the web.
在网络上构建出色产品所需的一切。

Original 源语言
1440px 1440 像素
375px 375 像素
Built-in Optimizations 内置优化
Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.
自动优化图像、字体和脚本,以改进用户体验和核心 Web 指标。
Data Fetching 数据获取
Make your React component async and await your data. Next.js supports both server and client data fetching.
让你的 React 组件异步并等待你的数据。Next.js 支持服务器和客户端数据获取。
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.
通过调用函数运行服务器代码。跳过 API。然后,在一次网络往返中轻松重新验证缓存数据并更新 UI。
Advanced Routing & Nested Layouts
高级路由和嵌套布局
Create routes using the file system, including support for more advanced routing patterns and UI layouts.
使用文件系统创建路由,包括支持更高级的路由模式和 UI 布局。
Dynamic HTML Streaming 动态 HTML 流式处理
Instantly stream UI from the server, integrated with the App Router and React Suspense.
从服务器即时流式传输 UI,与应用程序路由器和 React Suspense 集成。
CSS Support CSS 支持
Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.
使用您喜欢的工具设置应用程序样式,包括对 CSS 模块、Tailwind CSS 和常用社区库的支持。
Route Handlers 路由处理程序
Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.
构建 API 端点以安全地连接到第三方服务,以处理身份验证或侦听 Webhook。
Middleware 中间件
Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.
控制传入的请求。使用代码定义用于身份验证、试验和国际化的路由和访问规则。
Three abstract images are resized at three different sizes and stacked on top of each otherThree abstract images are resized at three different sizes and stacked on top of each other
Built-in Optimizations 内置优化
Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.
自动优化图像、字体和脚本,以改进用户体验和核心 Web 指标。
A tree structure of 3D spheres are connected by linesA 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.
添加组件而无需发送额外的客户端 JavaScript。基于最新的 React 功能构建。
Data Fetching 数据获取
Make your React component async and await your data. Next.js supports both server and client data fetching.
让你的 React 组件异步并等待你的数据。Next.js 支持服务器和客户端数据获取。
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.
通过调用函数运行服务器代码。跳过 API。然后,在一次网络往返中轻松重新验证缓存数据并更新 UI。
Advanced Routing & Nested Layouts
高级路由和嵌套布局
Create routes using the file system, including support for more advanced routing patterns and UI layouts.
使用文件系统创建路由,包括支持更高级的路由模式和 UI 布局。
Dynamic HTML Streaming 动态 HTML 流式处理
Instantly stream UI from the server, integrated with the App Router and React Suspense.
从服务器即时流式传输 UI,与应用程序路由器和 React Suspense 集成。
CSS Support CSS 支持
Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.
使用您喜欢的工具设置应用程序样式,包括对 CSS 模块、Tailwind CSS 和常用社区库的支持。
Route Handlers 路由处理程序
Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.
构建 API 端点以安全地连接到第三方服务,以处理身份验证或侦听 Webhook。
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.
灵活的呈现和缓存选项,包括每页级别的增量静态再生 (ISR)。
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 otherThree abstract images are resized at three different sizes and stacked on top of each other
Built-in Optimizations 内置优化
Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.
自动优化图像、字体和脚本,以改进用户体验和核心 Web 指标。
Dynamic HTML Streaming 动态 HTML 流式处理
Instantly stream UI from the server, integrated with the App Router and React Suspense.
从服务器即时流式传输 UI,与应用程序路由器和 React Suspense 集成。
A tree structure of 3D spheres are connected by linesA 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.
添加组件而无需发送额外的客户端 JavaScript。基于最新的 React 功能构建。
Data Fetching 数据获取
Make your React component async and await your data. Next.js supports both server and client data fetching.
让你的 React 组件异步并等待你的数据。Next.js 支持服务器和客户端数据获取。
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.
通过调用函数运行服务器代码。跳过 API。然后,在一次网络往返中轻松重新验证缓存数据并更新 UI。
Advanced Routing & Nested Layouts
高级路由和嵌套布局
Create routes using the file system, including support for more advanced routing patterns and UI layouts.
使用文件系统创建路由,包括支持更高级的路由模式和 UI 布局。
CSS Support CSS 支持
Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.
使用您喜欢的工具设置应用程序样式,包括对 CSS 模块、Tailwind CSS 和常用社区库的支持。
Route Handlers 路由处理程序
Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.
构建 API 端点以安全地连接到第三方服务,以处理身份验证或侦听 Webhook。
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.
灵活的呈现和缓存选项,包括每页级别的增量静态再生 (ISR)。
Next.js 14
The power of full-stack to the frontend. Read the release notes.
从全栈到前端的强大功能。阅读发行说明。

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

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

Tatiana Mac, Senior Software Engineer

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.

Fouad Matin, CEO

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