GitHub Actions CI/CD Automate Build & Deploy Next.js ขึ้น Cloud | หมีไลฟ์โค้ด EP.143 скачать в хорошем качестве

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 #โปรแกรมเมอร์ไทย