Chapters (27)
- 0:00Introduction
- 8:29Deploying a full-stack web app to Hostinger (using Docker Manager)
- 27:26Create a CI/CD Pipe-line
- 40:25A Deep Look at Deployment
- 40:56Clone the full-stack Web App from GitHub repo
- 42:41Setup Development Environment
- 53:41Test full-stack Web App Running on Bare Metal (Dev machine)
- 57:41Lets Containerise our Web App’s Components
- 58:22Create Dockerfiles for Server and Client Components
- 1:02:45Build Docker Images and Launch Containers (docker run)
- 1:20:41Test Dockerized Web Application
- 1:22:41Create docker-compose.yaml file
- 1:28:58Launch Containerised Web App using docker-compose
- 1:31:41Test Containerzed Web App Launched through docker-compose
- 1:33:33Update React Code to Read docker-compose env variables
- 1:45:11Update docker-compose.yaml to Containerise MongoDB Database
- 1:56:41Test Web App with Containerised MongoDB Database
- 2:00:31Separate Dockerfiles into Dev and Production Versions
- 2:09:41Separate docker-compose files into Dev and Production Versions
- 2:19:41Test Run docker-compose.dev in Watch Mode (hot reload feature)
- 2:24:15Push Production Docker Images to DockerHub
- 2:39:11Make Code Update to Golang (Go) code
- 2:42:39Push Updated Code to new GitHub Repo
- 2:59:41Build New Version of Docker Images and push to DockerHub
- 3:08:18Manual Installation on Hostinger (using Terminal) - One Time Setup
- 3:15:41Test Containerized Web App Running on Hostinger
- 3:17:41Create GitHub Action to Automate Deployment using a CI/CD Pipe-line
Show the creator's full description
This course is made possible by a grant from Hostinger. Get 10% off your cloud hosting at https://hostinger.com/freecodecamp using coupon code: FREECODECAMP
Learn to take a full-stack React, Go, and MongoDB application from local development to a fully containerized production environment.
You'll master Docker orchestration, learn to manage environments with Docker Compose, and deploy live to Hostinger using both manual and automated methods. By the end, you’ll have a professional CI/CD pipeline powered by GitHub Actions that automatically builds and deploys your updates with every push.
🎥 Build a Full Stack Movie Streaming App in Go – Golang, React, MongoDB, OpenAI API Project Course: https://www.youtube.com/watch?v=jBf7of9JTV8
💻 Magic Stream Code: https://github.com/GavinLonDigital/MagicStream
Contents
- 0:00:00 Introduction
- 0:08:29 Deploying a full-stack web app to Hostinger (using Docker Manager)
- 0:27:26 Create a CI/CD Pipe-line
- 0:40:25 A Deep Look at Deployment
- 0:40:56 Clone the full-stack Web App from GitHub repo
- 0:42:41 Setup Development Environment
- 0:53:41 Test full-stack Web App Running on Bare Metal (Dev machine)
- 0:57:41 Lets Containerise our Web App’s Components
- 0:58:22 Create Dockerfiles for Server and Client Components
- 1:02:45 Build Docker Images and Launch Containers (docker run)
- 1:20:41 Test Dockerized Web Application
- 1:22:41 Create docker-compose.yaml file
- 1:28:58 Launch Containerised Web App using docker-compose
- 1:31:41 Test Containerzed Web App Launched through docker-compose
- 1:33:33 Update React Code to Read docker-compose env variables
- 1:45:11 Update docker-compose.yaml to Containerise MongoDB Database
- 1:56:41 Test Web App with Containerised MongoDB Database
- 2:00:31 Separate Dockerfiles into Dev and Production Versions
- 2:09:41 Separate docker-compose files into Dev and Production Versions
- 2:19:41 Test Run docker-compose.dev in Watch Mode (hot reload feature)
- 2:24:15 Push Production Docker Images to DockerHub
- 2:39:11 Make Code Update to Golang (Go) code
- 2:42:39 Push Updated Code to new GitHub Repo
- 2:59:41 Build New Version of Docker Images and push to DockerHub
- 3:08:18 Manual Installation on Hostinger (using Terminal) - One Time Setup
- 3:15:41 Test Containerized Web App Running on Hostinger
- 3:17:41 Create GitHub Action to Automate Deployment using a CI/CD Pipe-line
❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
🎉 Thanks to our Champion and Sponsor supporters:
👾 @omerhattapoglu1158
👾 @goddardtan
👾 @akihayashi6629
👾 @kikilogsin
👾 @anthonycampbell2148
👾 @tobymiller7790
👾 @rajibdassharma497
👾 @CloudVirtualizationEnthusiast
👾 @adilsoncarlosvianacarlos
👾 @martinmacchia1564
👾 @ulisesmoralez4160
👾 @_Oscar_
👾 @jedi-or-sith2728
👾 @justinhual1290
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.