Docker from Zero to Hero | Dockerizing Full Stack Web App REACTJS & NODEJS w/docker-compose
CoderOne
@coderoneAbout
Unlock the world of web development! From beginner-friendly coding tutorials to advanced tips, join us for a journey of turning ideas into interactive digital experiences. Subscribe now for hands-on learning, project walkthroughs, and staying ahead in the dynamic realm of coding. Let's code together and build something extraordinary! Join the developers-friendly newsletter: https://islemmaboud.com/join-newsletter Website: https://islemmaboud.com Github: https://github.com/ipenywis Twitter: https://x.com/ipenywis
Latest Posts
Video Description
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 https://youtu.be/SB3rt-cQZas π§ Watch Create a Modern React Login/Register Form with smooth Animations https://youtu.be/-bll7l-BKQI π§ Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools https://youtu.be/_rnxOD9NKAs π§ Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React https://youtu.be/M_Oes39FNuk π§ Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app https://youtu.be/_rnxOD9NKAs π§ Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize https://youtu.be/VWEJ-GhjU4U π§ Introduction to GraphQL with Apollo and React https://youtu.be/eCO6MvvRhXk π¦ Follow me on Twitter: https://twitter.com/ipenywis π» Github Profile: https://github.com/ipenywis π‘ My Blog: http://ipenywis.com Made with π by Coderone
You May Also Like
Essential Gear for Travel Photogs
AI-recommended products based on this video

eazpower for Magsafe Power Bank 10000mAh, Magnetic Battery Pack Wireless, 20W PD Fast Charging, Compact Portable Charger with Built-in Cables and Stand for iPhone 16/15/14/13/12/ Apple Watch/Airpods

Anker Nano USB C Wall Charger,45W Fast Charging Smart Display Charger,with 180Β°Foldable Plug,Smart Recognition,Built-in Care Mode,for iPhone17/16/15 (Non-Battery,One USB-C Port,No Cable Included) ClimatePartner certified

SanDisk 64GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXU-064G-GN4IN




















