1、这是NEXT.js的官方文档（权当分享，网上文档很多，这个比较通俗易懂）
点击跳转 NEXT.JS
官网截图
2、虽然文档写得很好，但是部署这里实在是看不懂，下面只是我自己找到的办法。<font color="#ff4040">如果有人有更好的方法，欢迎分享，网上能搜到的方法都基本上差不多，也许是我自身的原因，表示都只能懂一点点</font>
1、不懂服务器装数据库的可以看一下 ubuntu、debian系统装mysql
在这里插入图片描述
2、安装最新的node和npm(我的系统是ubuntu)
这些命令是我历史记录查出来的，看不懂的建议直接百度一套安装，方法很多
node -v 和 npm -v可以查看是否安装成功 显示版本号就说明成功
使用下面的命令的话需要重启服务器
8 apt install nodejs
9 node -v
10 npm -v
11 apt-get install nodejs
12 apt autoremove
13 node
14 apt install nodejs-legacy
15 node -v
16 npm config set registry https://registry.npm.taobao.org
17 npm -v
18 node -v
19 apt install npm
20 npm config set registry https://registry.npm.taobao.org
21 npm config list
22 npm install n -g
23 n stable
24 node -v
25 reboot
3、安装pm2
npm install pm2 -g
4、nginx可以装也可以不装，装了反而占用了80端口，如果需要域名直接指向项目的话还需要做配置(不是很懂这个玩意儿就先别装)。说的简单一点这玩意儿基本跟tomcat差不多，都是服务器。
apt-get install nginx
5、下面就是你自己先想办法把代码弄到服务器里面，一般是var/www下面
推荐使用Xshell XFTP有个人免费版，还是很香的
在这里插入图片描述
这是我的Xftp
在这里插入图片描述
这个文件就不要上传了，免得传出去别人笑话
在这里插入图片描述
6、上传好之后
1、装一下yarn
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
2、然后你可以简单的：
sudo apt-get update && sudo apt-get install yarn
3、验证安装成功否
yarn --version
4、进入到你上传项目的目录下面
yarn install
4、然后打一下包，如果使用vi编辑项目的内容了，基本每次都要打包(>package.json里面的内容不要乱改)
yarn build
5、就在这时，以迅雷不及掩耳之势，用pm2启动它一下，不要羞涩
pm2 start yarn --watch --name xxx-- start
如果你的项目要用npm run dev的话：
pm2 start npm --watch --name xxx -- run dev
以此类推：npm run serve
pm2 start npm --watch --name xxx -- run serve
**除了第一条命令是我用过的其他均属于推测，不信你自己可以试试。
反正我也不知道对不对,xxx代表你喜欢的名字，很随意。
这时候我们就可以通过域名和端口访问这个项目了：
你的公网ip:端口号（100.100.100:3000）
**
有小伙伴需要通过域名访问的话，如下操作基本可以满足
1、上面安装了nginx，把它卸载掉，它占了我的80端口，而我又暂时用不到它。
apt-get --purge remove nginx
apt-get autoremove
下面这个命令可以把nginx相关的东西查出来，全删了，不要给我面子
dpkg --get-selections|grep nginx
apt-get --purge remove nginx-common
apt-get --purge remove nginx-core
查看没有内容就说明删除干净了（linux系统都强调删除干净，需要再装）
dpkg --get-selections|grep nginx
2、上面提到这个操作，改一下就可以
在这里插入图片描述
1、修改一下package.json这个文件
在这里插入图片描述
pm2启动改成这个亚子，入下图，不可以复制，真好
在这里插入图片描述
网友评论