Dockerize your React app

In this video, we'll dockerize our React apps for both development and production effectively by taking advantage of builder pattern and multi-stage builds

00:00 - Intro & Setup
00:32 - Development: Dockerfile
02:44 - Development: Build & Run
05:49 - Production: Dockerfile
08:57 - Production: Nginx
10:22 - Production: Build & Run
12:42 - Bonus: Optimizing static assets
12:56 - Outro

[sclssors]

Great video! Helped me set up my react app for production! Very good pace in the video and clear instructions as well

[cmprsnipe]

This is simply the best and most straight forward tutorial for these concepts.

[yangubeibi.mp]

Got this served to me through the algoritm. Good luck on your yt journey, bro! 🚀

[daxdax]

You are very good explainer. Keep it going man.

[sharancj]

great video, can you please make a video on how to manage .env files inside the docker container

[anatoliikryvorig]

Nice video, thanks! What is your color theme for VScode?

[wpgwjls]

Legendary vid, but can you explain what does production mode differ from dev mode?

[abhijeetshikharvlog]

Hi after refresh my page ngnix not found 404.Can u tell me how to slove this

[elijah_thornberry]

Huh, using a completely fresh create-react-app, I get the following error when I run the first docker-compose command:

"ERROR: The Compose file is invalid because:
Service app has neither an image nor a build context specified. At least one must be provided."

[AbhiAbhi-wusb]

Buddy how your app is getting update/refresh on code change? (here I am using latest create-react-app)

[undocumentox]

Hey I got a Issue, I can see my app, it is working everything right but whent I go to the browser I got localhost didn’t send any data.
ERR_EMPTY_RESPONSE