在自己服务器上部署nextjs项目

最近在学Nextjs,官网教程最后一步是部署我们的Next.js，针对部署到自己的服务器，写的比较少，于是把自己如何部署的整理一下，方便后面查看。

需要做的是

• 按照Nextjs官网的教程准备一个简单的Next.js APP
• 服务器安装Git Node Nginx PM2，配置环境
• 运行程序并访问

按照Nextjs官网的教程准备一个简单的Next.js APP

网址：nextjs.org/learn/basic…
做到打开localhost:3000能访问到页面就行。然后把项目放到gitlab，我的仓库名称是blog。

1. 使用pm2管理项目进程

   // 修改package.js文件
   
   ...
   
   "start": "next start -p $PORT",
   "build": "next build && PORT=3000 npm start"
   
   ...
   
   

   npm install //  安装相关包
   

   进入/projects/html/blog/目录执行

   pm2 start npm --name "blog" -- run build
   

   🕯️： 这个时候可以通过服务器ip访问你的项目 服务器ip:3000
   接下来我们加上域名映射，让用户可以通过域名访问你的网站。

2. 在nginx目录下的conf.d文件夹下修改nginx.conf

   server {
       listen       80;
       server_name  liosummer.cn;
   
       location / {
           root   /projects/html/blog/;
           proxy_pass    http://liosummer.cn:3000/; #node.js port
           proxy_http_version 1.1;
           proxy_set_header Host $host;
   
       }
   }
   

运行项目并访问

项目已经在运行了。
接下来重启nginx服务，打开绑定的二级域名，正常访问项目。
看看我的liosummer.cn/