Nuxt คืออะไร และวิธี Deploy บน Cloud Server

ทดสอบบน Ubuntu Server 24.04 LTS

1. 1

   ติดตั้ง Node.js และเครื่องมือ

   คัดลอก

   curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
   sudo apt -y install nodejs nginx
   sudo npm install -g pm2

2. 2

   ดึงโค้ดและบิลด์

   คัดลอก

   cd /var/www
   sudo git clone [email protected]:team/website.git
   cd website
   npm ci
   npm run build

3. 3

   ตั้งค่าตัวแปรสภาพแวดล้อม

   ตั้งที่อยู่เว็บจริงให้ถูกต้อง เพราะมีผลกับลิงก์ตามรูปแบบมาตรฐานและข้อมูลที่ใช้แชร์บนโซเชียล

   คัดลอก

   NUXT_PUBLIC_SITE_URL=https://www.example.com
   NUXT_DB_URL=postgres://user:[email protected]:5432/appdb
   NUXT_SESSION_SECRET=PasteALongRandomStringHere

4. 4

   รันเป็นบริการ

   คัดลอก

   pm2 start .output/server/index.mjs --name website
   pm2 startup systemd
   pm2 save

5. 5

   ตั้ง Nginx เป็น Reverse Proxy

   คัดลอก

   server {
     listen 443 ssl;
     server_name www.example.com;
   
     location / {
       proxy_pass http://127.0.0.1:3000;
       proxy_set_header Host $host;
       proxy_set_header X-Forwarded-Proto $scheme;
       proxy_set_header X-Real-IP $remote_addr;
     }
   
     location /_nuxt {
       proxy_pass http://127.0.0.1:3000;
       add_header Cache-Control "public, max-age=31536000, immutable";
     }
   }

6. 6

   ตรวจ SEO หลัง Deploy

   ตรวจว่า Sitemap และไฟล์กำหนดการเก็บข้อมูลของเครื่องมือค้นหาทำงานถูกต้อง และลิงก์ตามรูปแบบมาตรฐานชี้ไปที่โดเมนจริง

   คัดลอก

   curl -s https://www.example.com/sitemap.xml | head
   curl -s https://www.example.com/robots.txt

ตั้งที่อยู่เว็บจริงในตัวแปรสภาพแวดล้อมเสมอ เพราะถ้าไม่ตั้งจะทำให้ลิงก์ตามรูปแบบมาตรฐานและข้อมูลสำหรับแชร์ชี้ไปผิดที่ ซึ่งกระทบ SEO โดยตรง