Next.js 是什么?

Next.js 是一个用于生产环境的 React 框架。 Next.js 为你提供生产环境所需的所有功能以及最佳的开发体验: 包括静态网站生成 (Static Site Generation, SSG) 及服务器端渲染 (Server-side Rendering, SSR)、 支持 TypeScript、智能化打包、 路由预取等等功能。

21YunBox 提供了 Next.js 项目的一键部署方案。你可以在 21YunBox 以 静态网站生成 (SSG)服务器端渲染 (SSR) 的两种模式对你的 Next.js 项目进行部署。


如何把 Next.js 项目部署到服务器?

方案一: 以静态网站生成 (SSG) 模式进行部署

  1. 注册成为 21YunBox 会员
  2. Fork Next.js 启动模板, 也可以使用你自己的 Next.js 项目
  3. 在创建过程中使用以下值
运行环境 静态网页
构建命令 yarn && yarn build && yarn next export
发布目录 ./out


不用一会,你部署的项目就在 your-app.21cloudbox.com 的子域名上能访问。以下是上述步骤无删减的录屏 (可供参考):

用 21YunBox 部署 Next.js 项目到服务器无删减的录屏 - 以静态网站生成 (SSG) 模式部署




方案二: 以服务器端渲染 (SSG) 模式进行部署

  1. 注册成为 21YunBox 会员
  2. Fork Next.js启动模板, 也可以使用你自己的 Next.jS 项目
  3. 在创建过程中使用以下值
运行环境 Node 12.19
构建命令 yarn && yarn build
发布目录 yarn next start --port 10000


不用一会,你部署的项目就在 your-app.21cloudbox.com 的子域名上能访问。以下是上述步骤无删减的录屏 (可供参考):

用 21YunBox 部署 Next.js 项目到服务器无删减的录屏 - 服务器端渲染 (SSG) 模式进行部署



其他相关博客




想试用 21YunBox 部署你的项目了吗?

免费 7 天试用