Dockerize and Deploy React JS App in 15 Minutes 🔥🔥

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 มิ.ย. 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 -

ความคิดเห็น • 51

  • @RoadsideCoder
    @RoadsideCoder  3 หลายเดือนก่อน

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

  • @goraksh7451
    @goraksh7451 5 หลายเดือนก่อน +23

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

  • @budisetiawan2499
    @budisetiawan2499 4 หลายเดือนก่อน

    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!

  • @fitnessfreak984
    @fitnessfreak984 5 หลายเดือนก่อน +2

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

  • @badshahkhankp1975
    @badshahkhankp1975 5 หลายเดือนก่อน

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

  • @arjundevendra7623
    @arjundevendra7623 5 หลายเดือนก่อน

    Yes, Need of complete Docker Tutorial

  • @silverbullet_17
    @silverbullet_17 5 หลายเดือนก่อน

    Much needed video bro .
    Thanks

  • @alishmadhukar2177
    @alishmadhukar2177 5 หลายเดือนก่อน

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

  • @jahangirkhan3747
    @jahangirkhan3747 5 หลายเดือนก่อน +5

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

  • @MdNaimurRahmanHera
    @MdNaimurRahmanHera 5 หลายเดือนก่อน

    Great. I was also wanted to learn it.

  • @vijaykumar-ob3qz
    @vijaykumar-ob3qz 5 หลายเดือนก่อน +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 หลายเดือนก่อน

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

  • @amirhassan8536
    @amirhassan8536 5 หลายเดือนก่อน

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

  • @chadithdissanayaka1284
    @chadithdissanayaka1284 2 หลายเดือนก่อน

    In-depth docker tutorial

  • @khaleelahmed9045
    @khaleelahmed9045 5 หลายเดือนก่อน

    Great❤ can made same video for Angular Thanks 🎉

  • @ApurvaKashyap-kj6qz
    @ApurvaKashyap-kj6qz 5 หลายเดือนก่อน

    thankyu bhaiya ❤… aws pe full course lao bhaiya

  • @arissonlimafreire
    @arissonlimafreire หลายเดือนก่อน

    Amazing 😜

  • @meryemOuyouss2002
    @meryemOuyouss2002 3 หลายเดือนก่อน

    Thank you so much

  • @RajYadav-yh7vv
    @RajYadav-yh7vv 2 หลายเดือนก่อน

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

  • @ManoharBatra
    @ManoharBatra 5 หลายเดือนก่อน

    awesome video bhai

  • @WebsteRx7
    @WebsteRx7 2 หลายเดือนก่อน

    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

  • @Shubham-rf2bs
    @Shubham-rf2bs 4 หลายเดือนก่อน

    Need complete video on docker

  • @gamingzone-ow5md
    @gamingzone-ow5md 5 หลายเดือนก่อน

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

  • @user-tc5sz5nc4q
    @user-tc5sz5nc4q 5 หลายเดือนก่อน

    Hi we want a indepth tutorial on docker

  • @vikashchaurasia7379
    @vikashchaurasia7379 5 หลายเดือนก่อน

    We want in dept docker tutorial

  • @blackthunder9849
    @blackthunder9849 2 หลายเดือนก่อน

    Will it work for backend code also

  • @user-ek1ox5pk9m
    @user-ek1ox5pk9m 5 หลายเดือนก่อน

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

  • @govind9756
    @govind9756 5 หลายเดือนก่อน

    next js and docker

  • @technologygadget6570
    @technologygadget6570 5 หลายเดือนก่อน

    7:50
    👍👍

  • @kobbyisreal9073
    @kobbyisreal9073 4 หลายเดือนก่อน

    Can you do for an expo app

  • @NoiseBox1980
    @NoiseBox1980 11 วันที่ผ่านมา

    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

  • @shivamgoyal796
    @shivamgoyal796 5 หลายเดือนก่อน

    Full Playlist on Docker

  • @mdshojibhossain1205
    @mdshojibhossain1205 3 หลายเดือนก่อน

    Thank you

  • @likhii4080
    @likhii4080 5 หลายเดือนก่อน

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

  • @Dev-Phantom
    @Dev-Phantom 9 วันที่ผ่านมา

    cool

  • @manishrai2989
    @manishrai2989 5 หลายเดือนก่อน

    need in depth tutorial

  • @CKNMEDIA
    @CKNMEDIA 5 หลายเดือนก่อน

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

    • @DebopriyoBasu
      @DebopriyoBasu 5 หลายเดือนก่อน +1

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

  • @sanjays7255
    @sanjays7255 หลายเดือนก่อน

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

    • @user-hn4bm3dz8n
      @user-hn4bm3dz8n 29 วันที่ผ่านมา

      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.

  • @abdulrehmankhan6174
    @abdulrehmankhan6174 5 หลายเดือนก่อน

    Waiting for DSA 😢

  • @yava43
    @yava43 22 วันที่ผ่านมา

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

    • @RoadsideCoder
      @RoadsideCoder  22 วันที่ผ่านมา

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

  • @akshaygaddi1523
    @akshaygaddi1523 2 หลายเดือนก่อน

    acorn is not anymore the same as in your video

  • @user-nb8jf7lc2n
    @user-nb8jf7lc2n 4 หลายเดือนก่อน

    Docker