简介
Next.js 16 是一个强大的 React 框架，提供了服务器端渲染、静态生成等功能。
安装
前置要求
- Node.js 18.0 或更高版本
- npm 或 yarn 包管理器
创建项目
bash
npx create-next-app@latest my-app
cd my-app基础概念
页面结构
Next.js 使用文件系统路由。创建页面文件在 app/ 目录：
tsx
// app/page.tsx
export default function Home() {
return <h1>你好，Next.js 16！</h1>
}组件类型
Next.js 16 区分两种组件：
- 服务器组件 - 默认，不需要
use client - 客户端组件 - 需要
use client指令
数据获取
服务器端数据获取
tsx
// app/page.tsx
export default async function Page() {
const res = await fetch('https://api.example.com/data')
const data = await res.json()
return <div>{data.message}</div>
}部署
Vercel 部署
bash
npm install -g vercel
vercel其他平台
也可以部署到：
- 自有服务器
- Netlify
- 其他 Node.js 主机
总结
Next.js 16 提供了现代化的 React 开发体验，支持 App Router 和 Turbopack 构建系统。
评论
0评论加载中…