Next.js 静态导出指南

Next.js 的静态导出功能可以让你将整个应用导出为静态 HTML 文件。

配置方法

在 next.config.js 中添加：

module.exports = {
  output: 'export',
}

优势

静态导出有以下优势：

• 性能优秀 - 纯静态文件，加载速度快
• 部署简单 - 可以部署到任何静态托管服务
• 成本低廉 - 无需服务器，托管成本低
• 安全性高 - 没有服务端代码，攻击面小

限制

使用静态导出时需要注意：

1. 不能使用 API Routes
2. 不能使用服务端渲染（SSR）
3. 图片优化需要设置 unoptimized: true

部署到 Cloudflare Pages

1. 推送代码到 GitHub
2. 在 Cloudflare Pages 连接仓库
3. 设置构建命令：npm run build
4. 设置输出目录：out

就是这么简单！