Next.js 官网截图
Next.js 官网截图

Next.js 是什么?

Next.js 是一个用于 生产环境的 React 框架。Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态(SSG)及服务器端融合渲染(SSR)、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

21云盒提供了速简单的Next.js部署方法,你可以在21云盒子上通过以 静态网页 或以 Node Server 的方式进行部署。

两者的区别在于, 当以 静态网页 方式进行部署时,流程是项目会被构建(打包),然后把最终生成的静态资源(HTML, CSS, JS, 图片等) 部署到全国各地的 CDN 节点。而当以 Node Server 的方式进行部署时,流程是先进行项目构建(打包),静态资源部署到全国的 CDN 节点,然后服务启动进入等待被访问的状态,当有访问到服务请求时,服务器会进行处理。

具体部署方式:

静态网页 运行环境,以 SSG 方式进行部署

  1. 注册成为21云盒子会员
  2. Fork Next.js示例SSG
  3. 选以下的配置进行部署

以静态网页方式进行部署

环境 静态网页
构建命令 yarn && yarn build && yarn next export
发布目录 out

如果你不确定怎样操作,可以参考:

一步一步演示怎样部署Next.js到服务器(SSG/静态页)操作视频

Node Server 运行环境,以 SSR 方式进行部署

环境 Node 12.19
构建命令 yarn && yarn build
发布目录 yarn next start --port 10000

如果你不确定怎样操作,可以参考:

一步一步演示怎样部署Next.js到服务器(SSR/后端)

为什么选 21云盒子?

免运维,开箱即用的云服务在国内基本上没有,如果在找类似 Heroku 或 Nelify 的云服务平台,21云盒子还在经营,并且是最接近的了。

至于 21云盒子 和 国外这些云服务平台有什么不一样? 可以参考: