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

Save money on cloud application deployment by installing it yourself on Hostinger (starting at just 169 baht/month) 👉 https://www.hostinger.com/melivecode Enter the code MELIVECODE to receive a special discount exclusively for viewers of the Mee Live Code channel! Special: 20% off for a limited time only! Demonstrates how to build a CI/CD system with GitHub Actions and deploy Next.js to a cloud VPS, all in one video. 🚀 Starting with creating a VPS on Hostinger, setting up a database with Docker, preparing a Next.js + Prisma project, and pushing to GitHub and automatically deploying when merging branches. ☑️ Demonstrates every step, from project creation, frontend development, setting up GitHub Secrets, migrating the database to the server, and creating a production-ready workflow. 🔧 Suitable for anyone looking to enhance their careers, both developers and DevOps. 🤖 ⏱️ Timeline 0:00 – Intro 0:25 – Easy-to-follow article introduction 0:43 – Creating a VPS on Hostinger (starting at just 169 baht/month) 2:40 – Explanation of objectives, CI/CD, and GitHub Actions 4:29 – Creating a Next.js project 7:38 – Setting up the database and Prisma 15:11 – Developing Frontend Websites 20:08 – Pushing Code to GitHub 21:00 – Setting Up GitHub Secrets 25:27 – Setting Up a Database on the Server (Using Docker) 27:48 – Migrating the Database to the Server 31:10 – Creating a GitHub Actions Workflow 34:22 – Automated Build and Deploy Demonstration 37:57 – Demonstrating Branching and Deploying after Merge Support the Channel:    / @melivecode   Advertising Space Great Deals from Shopee: https://shope.ee/30HCTjoOEV Sale Deals from Lazada: https://c.lazada.co.th/t/c.YZh34J LINE Bear Life Code Sticker: https://line.me/S/sticker/23147468 Asst. Prof. Dr. Kan Yongsiriwit College of Digital Technology Innovation, Rangsit University (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 #BearLifeCode #melivecode #GitHubActions #CICD #Nextjs #Prisma #Docker #MySQL #Hostinger #CloudVPS #FullStackDevelopment #WebDevelopment #DeployGuide #Nextjs15 #FrontendDeveloper #BackendDeveloper #AICoding #DevTutorial #CodingThailand #ThaiProgrammer