Deploy ด้วย Vercel
Deploy เว็บไซต์ด้วย Vercel
Vercel คือแพลตฟอร์มสำหรับนำเว็บไซต์ขึ้นออนไลน์ เหมาะกับ Next.js และเชื่อมกับ GitHub ได้ง่าย
ขั้นตอน Deploy:
- เข้า Vercel
- Login ด้วย GitHub
- Import Project
- เลือก Repository
- ตรวจ Framework ว่าเป็น Next.js
- ตั้งค่า Environment Variables ถ้ามี
- กด Deploy
- รอระบบ Build
- ได้ URL เว็บไซต์ออนไลน์
- ทดสอบเปิดเว็บจริง
เมื่อเชื่อม GitHub กับ Vercel แล้ว ทุกครั้งที่ Push โค้ดขึ้น GitHub ระบบจะ Deploy ใหม่อัตโนมัติ
หลัง Deploy แล้วให้คิดว่าเว็บอยู่ในสภาพแวดล้อมจริง ไม่ใช่แค่เครื่องของคุณ ปัญหาบางอย่างอาจเกิดเฉพาะ Production เช่น Environment Variables ไม่ครบ รูปภาพ path ผิด หรือ build ไม่ผ่าน
| ขั้นตอน | สิ่งที่ต้องตรวจ |
|---|---|
| Import Project | เลือก Repository ถูกต้องและ Framework เป็น Next.js |
| Environment Variables | ใส่ค่าที่จำเป็น เช่น Supabase URL หรือ API Key |
| Build | ดู log ถ้า build fail และอ่าน error หลัก |
| Production URL | เปิดเว็บจริงและเช็กทุก Section |
| Auto Deploy | Push รอบต่อไปแล้ว Vercel Deploy ใหม่หรือไม่ |
Checklist หลัง Deploy
- เปิด URL ได้
- หน้าเว็บไม่พัง
- รูปโหลดครบ
- ปุ่ม CTA ใช้งานได้
- ฟอร์มส่งข้อมูลได้
- เปิดบนมือถือได้
- ไม่มี Error หน้าเว็บ
- Title เว็บถูกต้อง
- Description เว็บถูกต้อง
- Link Social / LINE ถูกต้อง