Next.js 入门指南

什么是 Next.js？

Next.js 是一个基于 React 的全栈框架，提供了服务端渲染、静态生成等强大功能。

核心特性

1. 文件系统路由

在 app 目录下创建文件即可自动生成路由：

app/
  page.tsx        → /
  about/
    page.tsx      → /about
  blog/
    [slug]/
      page.tsx    → /blog/:slug

2. 服务端渲染 (SSR)

页面在服务器端渲染，提供更好的 SEO 和首屏加载速度。

3. API 路由

在 app/api 目录下创建 API 接口：

// app/api/hello/route.ts
export async function GET() {
  return Response.json({ message: 'Hello!' })
}

快速开始

npx create-next-app@latest my-app
cd my-app
npm run dev

开始你的 Next.js 之旅吧！🚀