Next.js
如何把 Next.js 项目免费部署成静态网站
Next.js 很强大，但不是每个项目都需要服务端渲染。如果你的站点主要是静态页面，可以导出为纯 HTML，然后部署到任何地方——包括 HTML To Link，不到一分钟就能获得免费公开链接。
开启 Next.js 静态导出
在 next.config.mjs 中加上 output: 'export'。这样 next build 时会在 out/ 目录生成完全静态的站点。
不能用 API 路由、动态服务端组件、中间件——只有纯 HTML、CSS 和 JavaScript，任何浏览器都能跑。
- // next.config.mjs
- export default { output: 'export' }
- 然后执行：npx next build
- 静态文件会出现在 out/ 目录
部署 out/ 目录
把 out/ 文件夹打成 ZIP 上传到 HTML To Link，入口文件设为 index.html，立刻获得在线链接。
或者用 MCP 命令一步到位：npx htmltolink-mcp deploy --next，自动构建 + 上传。
- 手动：zip out/ → 上传 → 选 index.html → 发布
- CLI：npx htmltolink-mcp deploy --next（自动构建+上传）
- Agent：告诉 Cursor「部署这个 Next.js 项目」
什么场景适合静态导出
落地页、文档站、作品集、博客预览、营销页、AI 生成的前端页面都很适合。
如果需要 SSR、API 路由或请求时查数据库，还是用 Vercel 或 Node 服务器。其他场景，静态导出 + HTML To Link 是最快的免费路径。
FAQ
需要改 Next.js 代码吗？
只有用了纯服务端功能（API 路由、getServerSideProps、中间件）才需要改。用 getStaticProps 或纯客户端组件的页面直接就行。
图片和字体怎么办？
会自动包含在 out/ 目录里。确保用相对路径或配置了静态导出的 next/image loader。
以后能更新吗？
可以。重新构建后上传到同一个链接，URL 保持不变。