我正在学习基本的下一个js。如果我们运行npm run build create-react-app,将生成构建文件夹index.html和捆绑文件。在下一个js中。它不会创建任何构建文件。我将如何在服务器中部署下一个js项目
如何在下一个js中生成构建文件
首先,创建应用程序后,将package.json文件自定义为您自己的文件,例如-
“ scripts”:{“ dev”:“ next dev”,“ build”:“ next build”,“ start”:“ next server.js”}
然后,使用yarn dev在默认服务器中运行您的项目,
我通常使用Next CLI生成Next应用程序。它与create-react-app非常相似,但也会遵循所有最佳实践来生成Next的结构。这包括一个Next构建脚本:
npm run build
从侧面看,我个人发现Zeit托管是Next应用程序的理想平台(他们是开发Next的家伙)。您可以使用now
命令按原样部署您的应用,并且它们可以处理构建等。
这是我最近托管的最近开发的下一个应用程序的示例:https : //stage.comerbeber.mx
要构建下一个项目,请使用npm run build&使其工作,您需要将其添加到package.json文件中的脚本中-
"scripts": {
"dev": "node server.js",
"build": "next build",
"start": "next start -p $PORT"
}
next build是用于构建项目的命令,该命令为您提供.next文件夹,其中包含实际上需要在服务器上部署的所有构建内容,但是您将部署整个项目文件夹,因为还需要安装节点模块。
只需将您的整个项目运送到准备好Node js的主机并运行
npm start
确保您的package.json文件脚本显示如下:
首先需要在.env中将Nodejs设置为生产环境,或按以下方式使用它。
但是,该端口将位于默认端口3000上。您可以更改端口以将流量直接作为端口80和443提供服务,
"start": "next start -p 80",
也可以使用高级反向代理(如nginx)将您的应用服务到世界。我建议使用nginx,因为它具有多线程功能,并且具有可以实现的出色安全功能。参考:https : //github.com/zeit/next.js#production-deployment