Docker from Zero to Hero | Dockerizing Full Stack Web App REACTJS & NODEJS w/docker-compose

If you've always heard about Docker and how much awesome it is and all developers are using here and there and always to find a quick guide deep into docker from scratch to fully understand and quickly get up and running with Docker and start putting together custom built images and containers. You will also learn how to take your Full Stack Web Application that is built on any stack (React.js, Node.js, PHP, PostgreSQL, MySQL, Nginx, Ruby, GO) and Dockerize it using docker-compose services with integrated file and single run command to get the whole stack up and running with ease and fewer complexities. We'll be creating a custom Dockerfile for building custom Node.js and React.js Application and using them with custom docker-compose YML config.
⭐ Timestamps ⭐
00:00 What is Docker and What'll Learn
07:17 Getting Started with Docker and Installing the Docker Engine
14:47 How Docker works in a nutshell
17:38 Docker CLI and Most used Commands you need to know
25:53 Run docker images as Containers (Isolated OSs)
29:45 Run Postgres Database on a Docker container
42:58 Dockerizing Full Stack Web App Node with React
48:23 Creating Dockerfiles for the Node API and the React Client
57:54 Building App Images using the dockerfile
01:01:14 Using docker-compose to build all services with single command
01:06:37 Adding Postgres Database Docker Service to docker-compose
01:12:53 Adding API service to docker-compose for building & running API image
01:16:38 Adding Client service to docker-compose
01:19:18 Bulding the whole Website stack with docker-compose
01:20:37 Running all built images with docker-compose
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro ...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
• Debug React Apps Like ...
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register A...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQ...
🐦 Follow me on Twitter: / ipenywis
💻 Github Profile: github.com/ipenywis
💡 My Blog: ipenywis.com
Made with 💗 by Coderone

[@AwakeningofAI]

The content you have been putting out is pure gold mate. Respect.

[@aminkaroui8374]

wise words

[@AKASH-sw9bs]

What an amazing start ....
Thanks man .

[@benjaminnkem]

I was scared of Docker, then you came and saved me from it ❤

[@doloreslaflipoflopo2746]

you smashed it, mate. nice one!

[@Emma-tm1mx]

dude, thanks.
love from IDN

[@ANIEKANEDET-kl4uu]

Great content and simplified

[@DuyTran-ss4lu]

You're the best. Thanks so much

[@electroheadfx]

I love what you do man :)

[@oscarsanz4362]

Great video!! Could you make another one with development and production environtments and deploy the container to aws or Google cloud for example?

[@tanercoder1915]

man watching this I can tell that quality of your video production when 10x since this

[@goncalovidal9837]

thanks ! this is awsome :)

[@pauljere7013]

zero to hero indeed.. thanks a lot

[@27sosite73]

extremely usefull

[@salkohajric6176]

If you have issue with building docker image with error regarding webpack (from 59 minute of the video) of the client, run this command inside /client folder first: npm install --save-dev webpack

[@aykut8517]

thank you

[@polynomen]

Hi, thanks, but what is the advantages to dockerize a Full Stack web app if I can't deploy it like with Vercel/Firebase and see it on the web ?

[@psydook]

35:12 the ID is wrong, it has to have 1 at the start

[@praful728]

Can you create a video on webpack or snowpack

[@milon27]

how to get ssl certificate?

[@mohamedyoussef8835]

Awesome video ++++++++++++++++ 🙂

[@lavishakapoor]

Can we do it without using docker compose file?

[@gbtech8602]

Welcome

[@valikonen]

I'm not docker expert but importing a classical node it's a mistake, we need node slim or something similar

[@ChristianRosenhagen]

What is a M-A-G ?

[@adeelhashmi145]

-d is daemon? 33:54

[@alucard8678]

detach, meaning run the docker container in detach mode, so it's running in background but you can still use the terminal ( basically you won't have the cursor blinking in there terminal while you docker container is running)

[@hanimecheddal6472]

Loukan jit nta t9rina machi 5iir mn hadouk

[@neerajgoswami2897]

In my country it's a 4am bro

[@na1tm3r]

ERROR webpack: not found.
Happy-path vids suck!…

[@chichox09]

did you solve it?

[@felixtrost5673]

@@chichox09 the problem is the `ENV NODE_ENV=production`. It skips the dev dependencies on npm install

[@olawaleakinbolawaakinro9777]

Fullstack with cloud, Thanks @CoderOne