Loading video player...
COMPLETE GUIDE for self-hosting Next.js 16 with Docker & custom domain, SSL / TLS, CDN (Cloudflare). š Hostinger HUGE Black Friday Sale (use code BYTEGRAD): https://hostinger.com/bytegrad (sponsored by Hostinger & ByteGrad gets commission) š React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). š Kinde $50 credit for auth and more https://kinde.com/r?kinde_ref=e95bc6f8f17eda7c š Work with me: support@bytegrad.com š React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs š Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript š Professional CSS Course: https://bytegrad.com/courses/professional-css š Web development roadmap 2024 & 2025: https://email.bytegrad.com š Email newsletter (BIG update soon): https://email.bytegrad.com š Discord: all my courses have a private Discord ā±ļø Timestamps: 00:00 Intro 01:15 Next.js app example 02:04 2 options for deploying Docker app 02:54 Option 1 - Build Docker image locally 03:19 Dockerfile and .dockerignore 04:46 Docker Desktop 05:25 docker build (terminal command) 07:23 Run container 08:12 Push to registry (ghcr.io) 10:09 VPS (Hostinger) 12:34 ssh & pull image 14:51 Run container on VPS 15:55 App demo on VPS 16:40 Option 2 - Reset for Docker Manager 17:41 Docker Compose (docker-compose.yml) 19:55 Push to GitHub 20:19 Deploy with docker-compose.yml & Docker Manager 22:04 Private repo 22:09 Custom domain 24:25 HTTPS / SSL 24:59 Traefik reverse proxy 26:04 CDN with Cloudflare #webdevelopment #reactjs #nextjs Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554