Deploy your react+vite app in 3 EASY STEPS

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ธ.ค. 2024

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

  • @niquebon
    @niquebon ปีที่แล้ว +15

    Straight to the point! It's quite hard to find a tutorial that does not go straight to the point. Thanks so much!

  • @UECSoumyaRay
    @UECSoumyaRay 10 หลายเดือนก่อน +1

    Thanks man!!! I am a beginner. Didn't know that you have to do the npm run build command to make the dist folder. I was banging my head for so long!!! Much appreciated.

  • @iamtharunraj
    @iamtharunraj ปีที่แล้ว +3

    This video is so underrated! I could find exactly what I wanted. Thanks man! You're awesome!

  • @horrid13
    @horrid13 ปีที่แล้ว +3

    every other tutorial made a fuss and complicated it! straight to the point thanks

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

    Thank you so much dude now i know what was the black magic JS file when i opened the dev tools 5 years ago

  • @setgramofficial6703
    @setgramofficial6703 ปีที่แล้ว

    You’re the best….Something I have been struggling since can be this easy…thanks

  • @tommylin432
    @tommylin432 2 ปีที่แล้ว +1

    Tommy from scrimba discord here, loved the tutorial, very easy and fast, you earned my sub Mist keep up the great work much love from new york

  • @adekolaadelana2384
    @adekolaadelana2384 ปีที่แล้ว +3

    Mehn! you are the best. It is only a matter of time bro. You have got the content itself. All other tutorials out there are just not nailing it. But you did! You know I love you and your tutorials because it always comes out best for me particularly.
    You just got a new follower. and a mentee😁

    • @akshanshkaushal9422
      @akshanshkaushal9422 ปีที่แล้ว

      it worked? for me its just showing a blank site at the end.

    • @yhbarve
      @yhbarve ปีที่แล้ว

      @@akshanshkaushal9422 You must have uploaded the entire project. Just upload the 'dist' folder. Lemme know if that helped

  • @jonasoo7113
    @jonasoo7113 ปีที่แล้ว

    omgggggg i did not run npm run build command.... that's why i can't get it done... thank you you have saved my day!!!! and very nice voice btw !!

  • @stormshadow76
    @stormshadow76 ปีที่แล้ว

    Thanks Bro .. This is the easiestttttttttttt wayyyyyy .... Straight to the point !!!

  • @Yuki-vt
    @Yuki-vt 6 หลายเดือนก่อน

    thank you very much, i done with my project to graduated

  • @AbdiwadudMohamed-y4q
    @AbdiwadudMohamed-y4q ปีที่แล้ว

    thank you very much, was struggling with this for a while

  • @baderzaouich4201
    @baderzaouich4201 ปีที่แล้ว

    man I can't pass without saying thanks, you are great tnx

  • @Free_Bird78
    @Free_Bird78 ปีที่แล้ว

    what a legend - literally saved me you have no idea

  • @Fantasy3DMorals
    @Fantasy3DMorals 11 หลายเดือนก่อน +1

    Thank you 😊

  • @felixa9667
    @felixa9667 ปีที่แล้ว

    simple, clear, short - thanks Sir!

  • @WorkExcel-tn8ub
    @WorkExcel-tn8ub 8 หลายเดือนก่อน

    oh my God you saved my career. thank you so much.

  • @harshadkumarpatel3341
    @harshadkumarpatel3341 ปีที่แล้ว +1

    Awesome! This tutorial helps me a lot.

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

    Thank You So Much , Its Helps Alot

  • @wazzighait5539
    @wazzighait5539 10 หลายเดือนก่อน +1

    This is nice. But how can I do the same for a ssr vite project where the dist folder has both client and server side? Please I need help with this

  • @tonyg5132
    @tonyg5132 ปีที่แล้ว +5

    This is only for front end.... it would be nice if you showed a way to do this having a root project folder which contains both the client and server inside as sub-directories. Importing my entire project makes the deployment fail.

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

      Hello bro! Do you know how I can achieve deploying ssr vite projects where the dist folder has both server and client side

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

    I'm glad I found you.

  • @miguel83473g
    @miguel83473g ปีที่แล้ว

    It works!! Simple and effective, great job 👌👌

  • @vijayverma-dd7oe
    @vijayverma-dd7oe 10 หลายเดือนก่อน

    it helped me a lot..exact content what i wanted to know

  • @isaacaninta6551
    @isaacaninta6551 ปีที่แล้ว

    So simple and concise❤❤😊😊

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

    this is so easy!!!!!!! perfect bro

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

    Hi from brazil, thanks dude

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

    Welldone ! good Job ❤

  • @luckyboy3802
    @luckyboy3802 ปีที่แล้ว

    Excellent !!! 🤩🤩🤩 it works exactly and so easy... like a dream, thank you very much.

  • @ashwinacharya293
    @ashwinacharya293 ปีที่แล้ว +2

    To the point!! Liked it 🤩

  • @dnjosh10
    @dnjosh10 7 หลายเดือนก่อน +1

    After following all the instructions given on this page, I got a blank screen upon visiting the live page? Yet building and deployment were done successfully as confirmed in the "Action" tab of the github repository

    • @uhhmike115
      @uhhmike115 2 หลายเดือนก่อน +1

      same

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

      I’m getting a blank screen at the end after a successful deployment just dragging and dropping the “dist” folder in Netlify. Gonna try some different things Saturday when I get home to try and get this to work.

  • @andreainvernizzi8510
    @andreainvernizzi8510 ปีที่แล้ว

    Thank you for this video, it's helpful!

  • @yhbarve
    @yhbarve ปีที่แล้ว

    Thanks mate! To-the-point tutorial that was very helpful.

  • @happylaughy2777
    @happylaughy2777 ปีที่แล้ว

    Thanks man , it was of huge help

  • @fraternidadeaustriaca2625
    @fraternidadeaustriaca2625 ปีที่แล้ว

    thank you bro, simple and functional!

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

    Time Saving Bro😍

  • @digitalfarms999
    @digitalfarms999 ปีที่แล้ว

    Very helpful. Thank you so much.

  • @GuilhermePiedade-c4w
    @GuilhermePiedade-c4w ปีที่แล้ว +1

    Sou brasileiro e esse vídeo me ajudou muito, obrigado!

  • @luiskingsleytolentino8291
    @luiskingsleytolentino8291 ปีที่แล้ว

    in my index.html, the assets can't be located because it needs dot before the file path, something like this "./assets/filename", note that I need to manually add that dot in the first

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

    how about if the project has a back end how would can you do that ?

  • @pyyrr
    @pyyrr ปีที่แล้ว

    thanks. straight to the point 💯

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

    Is this works for hostinger deploy too?

  • @Mkzay
    @Mkzay ปีที่แล้ว

    Damn! You’re a life saver!!

  • @TheNationIsraelLives
    @TheNationIsraelLives ปีที่แล้ว

    Best developer video I have seen so far, it was so helpful and concise. Thank you so much for posting this!

    • @ismailista3237
      @ismailista3237 11 หลายเดือนก่อน +1

      don't try to steal it

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

      hope you don't take his house

  • @kim92se64
    @kim92se64 2 ปีที่แล้ว

    Yep, what a great Tutorial !!! awesome Regard from Pakistan

    • @simplyjs
      @simplyjs ปีที่แล้ว

      is it working

    • @stormshadow76
      @stormshadow76 ปีที่แล้ว

      @@simplyjs Yep perfect!!!!

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

    Thank you so much i got it now

  • @darlansantoscarvalho6619
    @darlansantoscarvalho6619 ปีที่แล้ว

    Oh man, that saved me, god bless u

    • @akshanshkaushal9422
      @akshanshkaushal9422 ปีที่แล้ว

      it worked? for me its just showing a blank site at the end.

  • @laurenmj90
    @laurenmj90 ปีที่แล้ว

    Awesome! Just what I needed! When we update the site, do updates automatically go through? Or do we need to run npm build again?

    • @programmingwithmist3897
      @programmingwithmist3897  ปีที่แล้ว +1

      With this method, you will need to run the build command and drag'n'drop the new dist folder into Netlify each time you make changes to the code.

  • @anazodovanessa5323
    @anazodovanessa5323 ปีที่แล้ว

    I have a question tho. I hope I'm attended to. If I want to make some changes after deploying it, what do I have to do? Thank you.

    • @TheMidnightillusion
      @TheMidnightillusion ปีที่แล้ว

      When deploying manually, anytime you make changes to the code you have to re-run the "npm run build" command to generate an up-to-date dist fold and drop it into netlify.

  • @anazodovanessa5323
    @anazodovanessa5323 ปีที่แล้ว

    Thank you for this.. Subscribing now... 😻

  • @AdityaPatel-ji5kz
    @AdityaPatel-ji5kz ปีที่แล้ว

    After pointlessly trying to deploy on github pages and wasting so much time , deployed on netlify in minutes, Thanks

    • @akshanshkaushal9422
      @akshanshkaushal9422 ปีที่แล้ว

      hi
      @AdityaPatel-ji5kz you deployed react+vite app? I have tried but when I open the final site it shows nothing. Could you help me to fix this?

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

    Nice! Liked and subscribed.

  • @Arjun-oq1jz
    @Arjun-oq1jz ปีที่แล้ว

    Thank you mate!

  • @Khalid-sr4zo
    @Khalid-sr4zo 3 หลายเดือนก่อน

    i tried this, when i use npm run preview its working but when i deploy it or try to open it via live server or just double click on the html file i get a blank page. what could be the problem i am running in circles rn :s

  • @AvikNayak_
    @AvikNayak_ ปีที่แล้ว +1

    to load resource: the server responded with a status of 404 (). i am getting this error on the console and the page is blank.what to do?

    • @snehashishghosh7258
      @snehashishghosh7258 ปีที่แล้ว

      have you figured it out?

    • @AvikNayak_
      @AvikNayak_ ปีที่แล้ว

      @@snehashishghosh7258 no haven't yet .if you find any solution kindly tell me.

    • @snehashishghosh7258
      @snehashishghosh7258 ปีที่แล้ว

      @@AvikNayak_ sure

    • @snehashishghosh7258
      @snehashishghosh7258 ปีที่แล้ว

      @@AvikNayak_ I installed the latest version of Node, deleted the node_modules and re install node_modules using 'npm i'.... This worked for me

    • @akshanshkaushal9422
      @akshanshkaushal9422 ปีที่แล้ว

      @@snehashishghosh7258 which version did you used?

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

    Thank u so much ☺

  • @mboe94
    @mboe94 ปีที่แล้ว

    Awesome vid, thanks bro.
    However when I try to do it, Netlify can't find my pictures. They are located in the same way as your "images" folder.

  • @marsdwarf
    @marsdwarf 2 ปีที่แล้ว

    Nice tutorial, thanks for posting it.

  • @naveenalla3000
    @naveenalla3000 ปีที่แล้ว

    Super bro 🎉🎉🎉🎉🎉

  • @astasori6896
    @astasori6896 ปีที่แล้ว

    Dude u saved me, thanks a lot

    • @akshanshkaushal9422
      @akshanshkaushal9422 ปีที่แล้ว

      it worked? for me its just showing a blank site at the end.

  • @devngecu
    @devngecu ปีที่แล้ว

    THe build index.html is blank.It is only opening with an http-server.How do we go around that?......Also firebase is not running the deployments.Please help

  • @nadikiq
    @nadikiq ปีที่แล้ว

    Obrigado, amigo! Você explica muito bem!

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

    Actually a good video!

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

    Index.html file what I got after npm run build (.dist) folder, If I click on it, its just showing blank white screen whats the reason?

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

      Do you know what the reason is?

  • @AnaSantos-gj2fh
    @AnaSantos-gj2fh ปีที่แล้ว

    Thank you so much. 😊

  • @tamerkhattab4013
    @tamerkhattab4013 ปีที่แล้ว

    thank you. im working on my portfolio and would like my project sites to be online.

  • @matthewblasco4720
    @matthewblasco4720 ปีที่แล้ว

    Thank you for this! omg

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

    you are awsome dude

  • @hiteshsingh2548
    @hiteshsingh2548 ปีที่แล้ว

    Thanks bro👍👍

  • @johanesalberto6136
    @johanesalberto6136 ปีที่แล้ว

    thank you so much brother

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

    netlify its not take a vite proxy what we do?

  • @subaruLover475
    @subaruLover475 ปีที่แล้ว

    Thank you!

  • @rehanahmad5401
    @rehanahmad5401 ปีที่แล้ว

    awesome thanks sir

  • @mateussoares9688
    @mateussoares9688 ปีที่แล้ว

    great tutorial, thanks

  • @lorddinoff3714
    @lorddinoff3714 4 หลายเดือนก่อน +1

    i have done the same thing but it gives me a blank website

    • @lorddinoff3714
      @lorddinoff3714 4 หลายเดือนก่อน +1

      please help me

  • @fengz-x7z
    @fengz-x7z 7 หลายเดือนก่อน

    It seems like the vite package is not installed in your project or globally on your system. You can install it locally in your project or globally.
    To install it locally in your project, navigate to your project directory in the terminal and run:
    npm install vite
    To install it globally, you can use:
    npm install -g create-vite
    After installing, try running npm run build again.

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

    Thanku so much

  • @ondrinurdiansyah9555
    @ondrinurdiansyah9555 ปีที่แล้ว

    hi, good video. but i want to upload my react js vite to ubuntu server, can you help me ?

  • @andrew3581
    @andrew3581 ปีที่แล้ว +1

    mine just shows a blank page please help

  • @ashharSartaj
    @ashharSartaj ปีที่แล้ว

    Thank you

  • @DevPortifolio2004
    @DevPortifolio2004 ปีที่แล้ว

    thank you so much

  • @SushilKumar-xh1dv
    @SushilKumar-xh1dv ปีที่แล้ว

    very helpful thankssss

    • @akshanshkaushal9422
      @akshanshkaushal9422 ปีที่แล้ว

      it worked? for me its just showing a blank site at the end.

  • @christianrodier3381
    @christianrodier3381 ปีที่แล้ว

    Super helpful

  • @carlosmario1060
    @carlosmario1060 ปีที่แล้ว

    Muchas gracias...

  • @infofunmedia03
    @infofunmedia03 ปีที่แล้ว

    Thanks man

  • @GunGod517
    @GunGod517 ปีที่แล้ว

    thanks, bro!!!!!!!!

  • @Dev21262
    @Dev21262 ปีที่แล้ว

    Thanks! Man

  • @purplekame1676
    @purplekame1676 ปีที่แล้ว

    nice, ty bro a lot, so ez

  • @its_me_hb
    @its_me_hb ปีที่แล้ว

    Local Images not showing there

  • @narekzalibekyan8805
    @narekzalibekyan8805 ปีที่แล้ว

    thanks!!!

  • @hemantvardani1436
    @hemantvardani1436 ปีที่แล้ว

    Thanks

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

    THANKS

  • @27sosite73
    @27sosite73 ปีที่แล้ว

    ty mate

  • @devanteswing701
    @devanteswing701 ปีที่แล้ว

    bruh you saved my ass thank you so much

  • @robinarmstrong8886
    @robinarmstrong8886 17 วันที่ผ่านมา

    I wish it was that easy. I've spent days trying to deploy a react+vite project on my own server. White screen of death every time...

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

    nice

  • @tanvirrana3433
    @tanvirrana3433 ปีที่แล้ว

    thanks

  • @euroclydon7883
    @euroclydon7883 ปีที่แล้ว

    You bi genius

  • @ibereola
    @ibereola ปีที่แล้ว

    hii

  • @OgyXD
    @OgyXD ปีที่แล้ว

    Really useful. Thanks!

    • @akshanshkaushal9422
      @akshanshkaushal9422 ปีที่แล้ว

      it worked? for me its just showing a blank site at the end.