HOW TO Dockerize & Deploy VITE REACT App To Fly.io

HOW TO Dockerize & Deploy VITE REACT App To Fly.io
enjoy!
Repo: github.com/daniellaera/react-...
#react #docker #softwareengineer
intro: 00:00
create app: 00:15
vite server configuration: 01:20
Dockerfile: 02:52
test the container application: 05:50
deploy the app to Fly.io: 09:16

[@daniellaerachannel]

Thanks to Theangelofspace15 for pointing out a more "production" way to deploy this application by building the app and serving static assets with nginx in the Dockerfile. Take a look at the last commit in the repo: github.com/daniellaera/react-vite-docker-fly/commit/68758e8e9bf4429454ed10741e9d6e666e9b7705

[@keshavakumar9828]

Great stuff bro, worked like a charm

[@haksuman]

Thanks a lot, you saved me from a lot of headaches

[@amancharlamanas3812]

Thanks a lot! Keep making more informative videos.

[@lulungsatrioprayuda9931]

work baby thank you bro finaly this tutorial I need itfor now, simple and straight to the point

[@fullStackInKannada]

Thank you so much! It helped me a lot.

[@victormatias5434]

You saved me! Thanks!!

[@mehmetomercik4649]

this gave me so much of a headache, thank you so much 👍

[@camilomunera5786]

Thanks men!

[@gauthier8394]

Thx u bro u saved my life i love u

[@viktorsafar]

Why are people using npm run dev to run apps in production? (I am seeing this exact approach all over the place.)

[@edu_amr]

acho mais pelo exemplo.. mas verdadeiramente queria um exemplo do dia a dia como seria separado em 2 ou modulos 3 modulos...

[@th3graduate292]

although i am a beginner in programming, wish one day i will be able to understand all the knowledge you are providing.

[@daniellaerachannel]

I'm sure that day will come soon! thanks for your support man!

[@user-ps8kn8di7c]

Me sirvio un monton para configurar el puerto del front, que esta contenido con la api y los schemas de prisma. Muchas gracias!!

[@NguyenLe-nw2uj]

npm run dev is not for production, bad video

[@Anshucodes]

in the prod mode it still run on 4173 how to change that , even i had set 8000 in config

[@kenjohnsiosan9707]

what if I dont want to install npm on my local machine, any tutorial please thanks

[@qurashishebi7988]

Why change port ?

[@theangelofspace155]

Dont you need to build the app?

[@daniellaerachannel]

I actually used a simpler way as starting a dev server in the container; but your remark is correct so I pushed a correction and now we build the app and serve static assets with nginx. Thanks
github.com/daniellaera/react-vite-docker-fly/commit/68758e8e9bf4429454ed10741e9d6e666e9b7705

[@mklk7377]

5:32 it's dynamic with vite. You can npm run dev at 5173, if u uncomment ur code with port 8080, the server will change auto. You dont need to cancel server and reload npm run dev :)

[@radekkrzyzak5970]

omg its the worst option for me if i do panel to others xd

[@CrggBulla]

Docker-compose ??????