Dockerize and Deploy React JS App in 15 Minutes 🔥🔥

Sdílet
Vložit
  • čas přidán 25. 06. 2024
  • How to Dockerize a React App and Deploy on Cloud in 15 minutes. This tutorial is beginner friendly
    👉 Acorn Website - acorn.io/?...
    👉 Get Your Free Acorn account - acorn.io/auth/login?...
    👉 My Acorn File - acorn.io/run/index.docker.io/...
    ➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -
    topmate.io/roadsidecoder
    ➡️ Source Code -
    github.com/piyush-eon/i18next...
    👤 Join the RoadsideCoder Community Discord -
    / discord
    🟪 Follow me on Instagram else your code will give errors 🤓 -
    / roadsidecoder
    🔗 Multi Language App Tutorial -
    • React Multi Language A...
    🔗 React JS Interview Series -
    • Frontend Machine Codin...
    🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Al...
    🔗 JS Interview Series -
    • Javascript Interview Q...
    🔗 Cars24 Interview Experience -
    • Frontend Interview Exp...
    🔗 Unacademy Interview Experience -
    • Frontend Interview Exp...
    🔗 Tazorpay Interview Experience -
    • Frontend Interview Exp...
    🔗 MERN Stack Tutorial with Redux -
    • MERN Stack Project Tut...
    🔗 React Beginner's Project Tutorials -
    • React JS Project Tutor...
    #Javascript #docker #ReactJS
    -------------------------------------------------------------------------
    00:00 Intro
    00:23 What is Docker?
    01:12 Installing Docker
    02:00 Setup A React App
    03:10 Dockerizing a React App
    03:12 Dockerfile
    09:07 Deploying React App to Acorn
    11:20 Acornfile
    17:42 Complete Docker Tutorial
    -------------------------------------------------------------------------
    ⭐ Support the channel -
    / @roadsidecoder
    Special Thanks to our members -

Komentáře • 51

  • @RoadsideCoder
    @RoadsideCoder  Před 3 měsíci

    🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details

  • @goraksh7451
    @goraksh7451 Před 5 měsíci +22

    Yes Piyush we want an in-depth tut for Docker...

  • @fitnessfreak984
    @fitnessfreak984 Před 5 měsíci +2

    Yes please bring in depth video of Docker we are waiting 😀❤

  • @budisetiawan2499
    @budisetiawan2499 Před 4 měsíci

    yeah docker tutorial please, from what i see here the way you explain docker is really easy to understand for beginner, and not just write the code but explain the procees thouht behind it, keep up the great work!

  • @arjundevendra7623
    @arjundevendra7623 Před 5 měsíci

    Yes, Need of complete Docker Tutorial

  • @badshahkhankp1975
    @badshahkhankp1975 Před 5 měsíci

    Awesome Video Bruhhh !!!...Keep teaching us amazing stuffs

  • @silverbullet_17
    @silverbullet_17 Před 5 měsíci

    Much needed video bro .
    Thanks

  • @alishmadhukar2177
    @alishmadhukar2177 Před 5 měsíci

    In-depth docker tutorial......🎉🎉

  • @jahangirkhan3747
    @jahangirkhan3747 Před 5 měsíci +5

    OMG. Yesterday I was thinking of learning docker and you have published the video today 😅❤

  • @MdNaimurRahmanHera
    @MdNaimurRahmanHera Před 5 měsíci

    Great. I was also wanted to learn it.

  • @vijaykumar-ob3qz
    @vijaykumar-ob3qz Před 5 měsíci +2

    This one is great, can u add a tutorial on how to create a pipeline for react application using jenkis, docker and aws or some other cloud

  • @anusmitakundu2366
    @anusmitakundu2366 Před měsícem

    Will be waiting for the In-depth videos on Docker...

  • @amirhassan8536
    @amirhassan8536 Před 5 měsíci

    yes please I want a deep tutorial for docker, thanks 🙏

  • @WebsteRx7
    @WebsteRx7 Před měsícem

    What should i add in the dockerfile if I have a backend folder and the project folder separate and for the project to run, first I need to run the app.js file in backend folder and then later do npm run dev in project folder

  • @chadithdissanayaka1284
    @chadithdissanayaka1284 Před 2 měsíci

    In-depth docker tutorial

  • @khaleelahmed9045
    @khaleelahmed9045 Před 5 měsíci

    Great❤ can made same video for Angular Thanks 🎉

  • @ApurvaKashyap-kj6qz
    @ApurvaKashyap-kj6qz Před 5 měsíci

    thankyu bhaiya ❤… aws pe full course lao bhaiya

  • @meryemOuyouss2002
    @meryemOuyouss2002 Před 3 měsíci

    Thank you so much

  • @arissonlimafreire
    @arissonlimafreire Před měsícem

    Amazing 😜

  • @ManoharBatra
    @ManoharBatra Před 5 měsíci

    awesome video bhai

  • @RajYadav-yh7vv
    @RajYadav-yh7vv Před 2 měsíci

    Pls make the complete in depth tutorial for Docker and Kubernetes.

  • @Shubham-rf2bs
    @Shubham-rf2bs Před 4 měsíci

    Need complete video on docker

  • @blackthunder9849
    @blackthunder9849 Před 2 měsíci

    Will it work for backend code also

  • @gamingzone-ow5md
    @gamingzone-ow5md Před 5 měsíci

    We want full playlist from beginner to advance to use docker for open source contribution please please

  • @NoiseBox1980
    @NoiseBox1980 Před 7 dny

    I tried this tutorial but I was not able to login to acorn. I get 404 not found and the Login button has been replaced with something about GPTScript

  • @CKNMEDIA
    @CKNMEDIA Před 5 měsíci

    Do we need to setup wsl in our windows to use docker.?

    • @DebopriyoBasu
      @DebopriyoBasu Před 5 měsíci +1

      Yes. I had to install wsl2. Run wsl -install in command line to install it.

  • @user-tc5sz5nc4q
    @user-tc5sz5nc4q Před 5 měsíci

    Hi we want a indepth tutorial on docker

  • @kobbyisreal9073
    @kobbyisreal9073 Před 4 měsíci

    Can you do for an expo app

  • @Dev-Phantom
    @Dev-Phantom Před 5 dny

    cool

  • @mdshojibhossain1205
    @mdshojibhossain1205 Před 2 měsíci

    Thank you

  • @user-ek1ox5pk9m
    @user-ek1ox5pk9m Před 5 měsíci

    Sir please make a video of material ui 5 react js 18 crypto currency. Due to version change faced many problems. Error issue

  • @sanjays7255
    @sanjays7255 Před 28 dny

    there is no directory call 'app' then how it work? and which directory docker uses as working directory?

    • @user-hn4bm3dz8n
      @user-hn4bm3dz8n Před 25 dny

      It will be created when assigned. You can name anything instead of app. Docker will target that directory that you have mentioned WORKING in the command.

  • @vikashchaurasia7379
    @vikashchaurasia7379 Před 5 měsíci

    We want in dept docker tutorial

  • @likhii4080
    @likhii4080 Před 5 měsíci

    Hey !! Can u please make a. Video in oops

  • @shivamgoyal796
    @shivamgoyal796 Před 5 měsíci

    Full Playlist on Docker

  • @govind9756
    @govind9756 Před 5 měsíci

    next js and docker

  • @technologygadget6570
    @technologygadget6570 Před 5 měsíci

    7:50
    👍👍

  • @yava43
    @yava43 Před 19 dny

    vite? are you write about vite? you write react app, so where dockerize create-react-app ????

    • @RoadsideCoder
      @RoadsideCoder  Před 18 dny

      vite is same as create-react-app. Now vite is used more!

  • @manishrai2989
    @manishrai2989 Před 5 měsíci

    need in depth tutorial

  • @abdulrehmankhan6174
    @abdulrehmankhan6174 Před 5 měsíci

    Waiting for DSA 😢

  • @akshaygaddi1523
    @akshaygaddi1523 Před 2 měsíci

    acorn is not anymore the same as in your video

  • @user-nb8jf7lc2n
    @user-nb8jf7lc2n Před 4 měsíci

    Docker