About Next.js

用 Next.js 构建现代 Web

Next.js 是一个由 Vercel 维护的 React 全栈框架,帮助团队在保持优秀开发体验的同时, 交付高性能、可扩展且易于部署的应用。

App Router

基于 React Server Components 的新路由系统,支持流式渲染与并行路由。

数据获取

内置 fetch 缓存与 revalidate,轻松实现 SSR、SSG 与 ISR。

性能优化

自动代码拆分、图片优化与边缘渲染,让页面开箱即快。

全栈能力

通过 Server Actions、Route Handlers 与中间件,编写前后端合一的代码。

开发体验

Hot Refresh、TypeScript、ESLint、Tailwind 等主流工具默认集成。

生产级部署

与 Vercel 深度集成,同时兼容自托管、Docker 与多云部署。

构建体验

  • 🚀 通过 App Router 获取并缓存数据,默认即享受服务器端渲染与流式响应。
  • 🧭 使用布局、嵌套路由与并行路由,轻松组织复杂界面与导航。
  • 🛠️ Server Actions 让你直接在组件中写服务器逻辑,避免重复的 API 层。
  • 🌓 内建暗色模式支持,并可结合 Tailwind 迅速实现设计系统。

快速上手

  1. 1. 安装:npx create-next-app@latest my-app
  2. 2. 开发:运行 npm run dev,默认监听 http://localhost:3000
  3. 3. 构建:npm run build + npm start 或部署到 Vercel
  4. 4. 优化:使用 Image、Link、字体优化与动态导入提升体验

学习资源