GitHub Actions CI/CD Automate Build & Deploy Next.js ขึ้น Cloud | หมีไลฟ์โค้ด EP.143

ประหยัดงบในการ Deploy Application บน Cloud
ด้วยการติดตั้งเองบน Hostinger (เริ่มต้นเพียง 169 บาท/เดือน)
👉 https://www.hostinger.com/melivecode
ใส่โค้ด MELIVECODE เพื่อรับส่วนลดพิเศษเฉพาะผู้ชมช่อง หมีไลฟ์โค้ด!
พิเศษ ลดเพิ่ม 20% เฉพาะช่วงนี้ครับ

สาธิตการสร้างระบบ CI/CD ด้วย GitHub Actions และ Deploy Next.js ขึ้น Cloud VPS แบบครบจบในคลิปเดียว 🚀
เริ่มตั้งแต่สร้าง VPS บน Hostinger, ตั้งค่าฐานข้อมูลด้วย Docker, เตรียม Next.js + Prisma Project ไปจนถึงการ Push ขึ้น GitHub และ Deploy อัตโนมัติเมื่อ Merge Branch ☑️
สาธิตทุกขั้นตอนตั้งแต่สร้างโปรเจค, ทำ Frontend, ตั้งค่า GitHub Secrets, Migrate Database ขึ้น Server และสร้าง Workflow ที่พร้อมใช้งานจริงในโปรดักชัน 🔧
เหมาะสำหรับทุกคนที่อยากยกระดับการทำงาน ทั้งสาย Developer และ DevOps 🤖

⏱️ Timeline
0:00 – Intro
0:25 – แนะนำบทความ ทำตามได้ไม่ยาก
0:43 – สร้าง VPS บน Hostinger (เริ่มเพียง 169 บาท/เดือน)
2:40 – อธิบายวัตถุประสงค์, CI/CD, GitHub Actions
4:29 – สร้างโปรเจค Next.js
7:38 – ตั้งค่า Database และ Prisma
15:11 – พัฒนาหน้าเว็บ Frontend
20:08 – Push code ขึ้น GitHub
21:00 – ตั้งค่า GitHub Secrets
25:27 – ตั้งค่า Database บน Server (ใช้ Docker)
27:48 – Migrate Database ขึ้น Server
31:10 – สร้าง GitHub Actions Workflow
34:22 – สาธิต Automate Build และ Deploy
37:57 – สาธิตการแตก Branch แล้ว Deploy เมื่อ Merge

สนับสนุนช่อง:
   / @melivecode  

พื้นที่โฆษณา
ดีลดีจาก shopee: https://shope.ee/30HCTjoOEV
ดีลเซลจาก lazada: https://c.lazada.co.th/t/c.YZh34J
LINE Sticker หมีไลฟ์โค้ด: https://line.me/S/sticker/23147468

อ.ผศ.ดร.กานต์ ยงศิริวิทย์
วิทยาลัยนวัตกรรมดิจิทัลเทคโนโลยี มหาวิทยาลัยรังสิต (https://it.rsu.ac.th/th/)

Follow Me
Youtube:    / @melivecode  
Facebook:   / melivecodepage  
Tiktok:   / melivecode  
Instagram:   / melivecode  
Medium:   / karnyong  
Twitter:   / melivecode  
Discord:   / discord  
Free API: https://www.melivecode.com

#หมีไลฟ์โค้ด #melivecode #GitHubActions #CICD #Nextjs #Prisma #Docker #MySQL #Hostinger #CloudVPS #FullStackDevelopment #WebDevelopment #DeployGuide #Nextjs15 #FrontendDeveloper #BackendDeveloper #AICoding #DevTutorial #CodingThailand #โปรแกรมเมอร์ไทย