In this video we deploy our react and vite apps to Netlify in 3 simple steps using the vite build command
Пікірлер: 129
@niquebon Жыл бұрын
Straight to the point! It's quite hard to find a tutorial that does not go straight to the point. Thanks so much!
@UECSoumyaRay7 ай бұрын
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 Жыл бұрын
This video is so underrated! I could find exactly what I wanted. Thanks man! You're awesome!
@horrid13 Жыл бұрын
every other tutorial made a fuss and complicated it! straight to the point thanks
@adekolaadelana2384 Жыл бұрын
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 Жыл бұрын
it worked? for me its just showing a blank site at the end.
@yhbarve Жыл бұрын
@@akshanshkaushal9422 You must have uploaded the entire project. Just upload the 'dist' folder. Lemme know if that helped
@Yuki-vt3 ай бұрын
thank you very much, i done with my project to graduated
@setgramofficial6703 Жыл бұрын
You’re the best….Something I have been struggling since can be this easy…thanks
@stormshadow76 Жыл бұрын
Thanks Bro .. This is the easiestttttttttttt wayyyyyy .... Straight to the point !!!
@tommylin432 Жыл бұрын
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
@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 !!
@WorkExcel-tn8ub5 ай бұрын
oh my God you saved my career. thank you so much.
@Free_Bird78 Жыл бұрын
what a legend - literally saved me you have no idea
@AbdiwadudMohamed-y4q10 ай бұрын
thank you very much, was struggling with this for a while
@felixa9667 Жыл бұрын
simple, clear, short - thanks Sir!
@miguel83473g Жыл бұрын
It works!! Simple and effective, great job 👌👌
@luckyboy3802 Жыл бұрын
Excellent !!! 🤩🤩🤩 it works exactly and so easy... like a dream, thank you very much.
@ashwinacharya293 Жыл бұрын
To the point!! Liked it 🤩
@TusharHambir12 күн бұрын
Thank You So Much , Its Helps Alot
@harshadkumarpatel3341 Жыл бұрын
Awesome! This tutorial helps me a lot.
@baderzaouich420111 ай бұрын
man I can't pass without saying thanks, you are great tnx
@lauraluo72426 ай бұрын
this is so easy!!!!!!! perfect bro
@NaveedUlHaq757 күн бұрын
Welldone ! good Job ❤
@lorenzoaleixo55714 ай бұрын
Hi from brazil, thanks dude
@theoappiah63738 ай бұрын
I'm glad I found you.
@TheNationIsraelLives Жыл бұрын
Best developer video I have seen so far, it was so helpful and concise. Thank you so much for posting this!
@ismailista32379 ай бұрын
don't try to steal it
@remak63429 ай бұрын
hope you don't take his house
@yhbarve Жыл бұрын
Thanks mate! To-the-point tutorial that was very helpful.
@vijayverma-dd7oe7 ай бұрын
it helped me a lot..exact content what i wanted to know
@muruga360329 күн бұрын
Time Saving Bro😍
@fraternidadeaustriaca2625 Жыл бұрын
thank you bro, simple and functional!
@MrBrady956 ай бұрын
Nice! Liked and subscribed.
@GuilhermePiedade-c4w Жыл бұрын
Sou brasileiro e esse vídeo me ajudou muito, obrigado!
@pyyrr Жыл бұрын
thanks. straight to the point 💯
@andreainvernizzi851011 ай бұрын
Thank you for this video, it's helpful!
@Zarakkahnn4 ай бұрын
Thank you so much i got it now
@digitalfarms99910 ай бұрын
Very helpful. Thank you so much.
@Mkzay Жыл бұрын
Damn! You’re a life saver!!
@tonyg513211 ай бұрын
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.
@wazzighait55398 ай бұрын
Hello bro! Do you know how I can achieve deploying ssr vite projects where the dist folder has both server and client side
@happylaughy2777 Жыл бұрын
Thanks man , it was of huge help
@kim92se64 Жыл бұрын
Yep, what a great Tutorial !!! awesome Regard from Pakistan
@simplyjs Жыл бұрын
is it working
@stormshadow76 Жыл бұрын
@@simplyjs Yep perfect!!!!
@Zhu86908 ай бұрын
Actually a good video!
@Fantasy3DMorals9 ай бұрын
Thank you 😊
@isaacaninta6551 Жыл бұрын
So simple and concise❤❤😊😊
@wajidtechs.2 ай бұрын
you are awsome dude
@darlansantoscarvalho6619 Жыл бұрын
Oh man, that saved me, god bless u
@akshanshkaushal9422 Жыл бұрын
it worked? for me its just showing a blank site at the end.
@marsdwarf Жыл бұрын
Nice tutorial, thanks for posting it.
@roshanbhagat39948 ай бұрын
Thank you so much bro
@laurenmj9011 ай бұрын
Awesome! Just what I needed! When we update the site, do updates automatically go through? Or do we need to run npm build again?
@programmingwithmist389711 ай бұрын
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.
@astasori6896 Жыл бұрын
Dude u saved me, thanks a lot
@akshanshkaushal9422 Жыл бұрын
it worked? for me its just showing a blank site at the end.
@royfrias4379Ай бұрын
how about if the project has a back end how would can you do that ?
@Pedro-oq5cl10 ай бұрын
Obrigado, amigo! Você explica muito bem!
@LENNOX40w10 ай бұрын
Thank you!
@subaruLover47511 ай бұрын
Thank you!
@wazzighait55398 ай бұрын
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
@fengz-x7z5 ай бұрын
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.
@anazodovanessa5323 Жыл бұрын
Thank you for this.. Subscribing now... 😻
@matthewblasco4720 Жыл бұрын
Thank you for this! omg
@Arjun-oq1jz Жыл бұрын
Thank you mate!
@gabrielmarcosmendes34122 ай бұрын
Is this works for hostinger deploy too?
@GunGod517 Жыл бұрын
thanks, bro!!!!!!!!
@AnaSantos-gj2fh Жыл бұрын
Thank you so much. 😊
@mboe9410 ай бұрын
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.
@dnjosh105 ай бұрын
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
@uhhmike11521 күн бұрын
same
@marcarce59214 күн бұрын
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.
@mateussoares9688 Жыл бұрын
great tutorial, thanks
@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 Жыл бұрын
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.
@johanesalberto6136 Жыл бұрын
thank you so much brother
@naveenalla3000 Жыл бұрын
Super bro 🎉🎉🎉🎉🎉
@luiskingsleytolentino829110 ай бұрын
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
@Khalid-sr4zoАй бұрын
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
@AdityaPatel-ji5kz Жыл бұрын
After pointlessly trying to deploy on github pages and wasting so much time , deployed on netlify in minutes, Thanks
@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?
@lorddinoff37142 ай бұрын
i have done the same thing but it gives me a blank website
@lorddinoff37142 ай бұрын
please help me
@ajanta288 ай бұрын
netlify its not take a vite proxy what we do?
@andrew3581 Жыл бұрын
mine just shows a blank page please help
@akshanshkaushal9422 Жыл бұрын
same
@rehanahmad5401 Жыл бұрын
awesome thanks sir
@its_me_hb Жыл бұрын
Local Images not showing there
@tamerkhattab4013 Жыл бұрын
thank you. im working on my portfolio and would like my project sites to be online.
@christianrodier3381 Жыл бұрын
Super helpful
@Dev21262 Жыл бұрын
Thanks! Man
@narekzalibekyan8805 Жыл бұрын
thanks!!!
@devanteswing701 Жыл бұрын
bruh you saved my ass thank you so much
@yashbhardwaj84197 ай бұрын
Thanku so much
@infofunmedia03 Жыл бұрын
Thanks man
@hiteshsingh2548 Жыл бұрын
Thanks bro👍👍
@purplekame1676 Жыл бұрын
nice, ty bro a lot, so ez
@ondrinurdiansyah955511 ай бұрын
hi, good video. but i want to upload my react js vite to ubuntu server, can you help me ?
@DevPortifolio2004 Жыл бұрын
thank you so much
@matyghost18315 ай бұрын
nice
@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
@SushilKumar-xh1dv Жыл бұрын
very helpful thankssss
@akshanshkaushal9422 Жыл бұрын
it worked? for me its just showing a blank site at the end.
@AvikNayak_ Жыл бұрын
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 Жыл бұрын
have you figured it out?
@AvikNayak_ Жыл бұрын
@@snehashishghosh7258 no haven't yet .if you find any solution kindly tell me.
@snehashishghosh7258 Жыл бұрын
@@AvikNayak_ sure
@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 Жыл бұрын
@@snehashishghosh7258 which version did you used?
@hemantvardani1436 Жыл бұрын
Thanks
@yusufbachtiar26944 ай бұрын
THANKS
@Dira_1111 Жыл бұрын
Thank you so much
@akshanshkaushal9422 Жыл бұрын
it worked? for me its just showing a blank site at the end.
@carlosmario1060 Жыл бұрын
Muchas gracias...
@yathishshettigar93443 ай бұрын
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?