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

如何把 Next.js 项目部署到服务器，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

Next.js 是什么?

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

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

以Node服务端方式进行部署

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

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注蜗牛博客行业资讯频道，感谢您对蜗牛博客的支持。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo99@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。