DEV Community
·
将Next.js项目部署为GitHub Pages的逐步指南
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
将Next.js项目部署到GitHub Pages需要创建特定命名的仓库，配置package.json，构建并导出项目，创建.nojekyll文件，运行部署命令推送到gh-pages分支。完成后需配置GitHub Pages设置并验证网站功能。
🎯
关键要点
- 在GitHub上创建特定命名的仓库以部署Next.js项目。
- 仓库命名格式为<你的GitHub用户名>.github.io。
- 配置package.json文件以管理Next.js应用的开发、构建和部署。
- 运行npm run build命令构建项目并生成必要的文件。
- 使用npm run export命令导出项目以创建静态版本。
- 在out文件夹中创建一个空的.nojekyll文件以防止Jekyll处理文件。
- 运行npm run deploy命令将内容推送到gh-pages分支。
- 在GitHub上配置Pages设置，选择gh-pages分支作为部署源。
- 验证部署是否成功，检查网站URL和功能是否正常。
➡️
