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

Next.js 是什么?

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

nextjs-landing.png

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

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

现在可以进行实际操作:

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

以静态网页方式进行部署

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

如果你不确定怎样操作,可以参考:考: https://www.bilibili.com/video/BV1na4y1W7m3/

以Node服务端方式进行部署

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

如果你不确定怎样操作,可以参考: https://www.bilibili.com/video/BV1na4y1W7m3/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容