Тёмный

Deploy your react+vite app in 3 EASY STEPS 

Programming with Mist
Подписаться 267
Просмотров 53 тыс.
50% 1

In this video we deploy our react and vite apps to Netlify in 3 simple steps using the vite build command

Опубликовано:

 

9 дек 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 117   
@niquebon
@niquebon Год назад
Straight to the point! It's quite hard to find a tutorial that does not go straight to the point. Thanks so much!
@iamtharunraj
@iamtharunraj 9 месяцев назад
This video is so underrated! I could find exactly what I wanted. Thanks man! You're awesome!
@UECSoumyaRay
@UECSoumyaRay 4 месяца назад
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.
@setgramofficial6703
@setgramofficial6703 Год назад
You’re the best….Something I have been struggling since can be this easy…thanks
@horrid13
@horrid13 Год назад
every other tutorial made a fuss and complicated it! straight to the point thanks
@felixa9667
@felixa9667 Год назад
simple, clear, short - thanks Sir!
@tommylin432
@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
@yhbarve
@yhbarve 11 месяцев назад
Thanks mate! To-the-point tutorial that was very helpful.
@user-gs6eo2wo7t
@user-gs6eo2wo7t 7 месяцев назад
thank you very much, was struggling with this for a while
@harshadkumarpatel3341
@harshadkumarpatel3341 Год назад
Awesome! This tutorial helps me a lot.
@fraternidadeaustriaca2625
@fraternidadeaustriaca2625 Год назад
thank you bro, simple and functional!
@miguel83473g
@miguel83473g 10 месяцев назад
It works!! Simple and effective, great job 👌👌
@stormshadow76
@stormshadow76 Год назад
Thanks Bro .. This is the easiestttttttttttt wayyyyyy .... Straight to the point !!!
@ashwinacharya293
@ashwinacharya293 Год назад
To the point!! Liked it 🤩
@adekolaadelana2384
@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
@akshanshkaushal9422 Год назад
it worked? for me its just showing a blank site at the end.
@yhbarve
@yhbarve 11 месяцев назад
@@akshanshkaushal9422 You must have uploaded the entire project. Just upload the 'dist' folder. Lemme know if that helped
@luckyboy3802
@luckyboy3802 Год назад
Excellent !!! 🤩🤩🤩 it works exactly and so easy... like a dream, thank you very much.
@pyyrr
@pyyrr 10 месяцев назад
thanks. straight to the point 💯
@Free_Bird78
@Free_Bird78 11 месяцев назад
what a legend - literally saved me you have no idea
@happylaughy2777
@happylaughy2777 9 месяцев назад
Thanks man , it was of huge help
@Yuki-vt
@Yuki-vt 23 дня назад
thank you very much, i done with my project to graduated
@Mkzay
@Mkzay 9 месяцев назад
Damn! You’re a life saver!!
@jonasoo7113
@jonasoo7113 11 месяцев назад
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 !!
@andreainvernizzi8510
@andreainvernizzi8510 8 месяцев назад
Thank you for this video, it's helpful!
@vijayverma-dd7oe
@vijayverma-dd7oe 4 месяца назад
it helped me a lot..exact content what i wanted to know
@theoappiah6373
@theoappiah6373 4 месяца назад
I'm glad I found you.
@WorkExcel-tn8ub
@WorkExcel-tn8ub 2 месяца назад
oh my God you saved my career. thank you so much.
@baderzaouich4201
@baderzaouich4201 8 месяцев назад
man I can't pass without saying thanks, you are great tnx
@Arjun-oq1jz
@Arjun-oq1jz 11 месяцев назад
Thank you mate!
@marsdwarf
@marsdwarf Год назад
Nice tutorial, thanks for posting it.
@lorenzoaleixo5571
@lorenzoaleixo5571 Месяц назад
Hi from brazil, thanks dude
@Pedro-oq5cl
@Pedro-oq5cl 7 месяцев назад
Obrigado, amigo! Você explica muito bem!
@user-dt5yv9bv6v
@user-dt5yv9bv6v 11 месяцев назад
Sou brasileiro e esse vídeo me ajudou muito, obrigado!
@digitalfarms999
@digitalfarms999 7 месяцев назад
Very helpful. Thank you so much.
@lauraluo7242
@lauraluo7242 3 месяца назад
this is so easy!!!!!!! perfect bro
@zarakkhan571
@zarakkhan571 Месяц назад
Thank you so much i got it now
@isaacaninta6551
@isaacaninta6551 11 месяцев назад
So simple and concise❤❤😊😊
@LENNOX40w
@LENNOX40w 7 месяцев назад
Thank you!
@AnaSantos-gj2fh
@AnaSantos-gj2fh Год назад
Thank you so much. 😊
@Zhu8690
@Zhu8690 4 месяца назад
Actually a good video!
@matthewblasco4720
@matthewblasco4720 10 месяцев назад
Thank you for this! omg
@mateussoares9688
@mateussoares9688 Год назад
great tutorial, thanks
@MrBrady95
@MrBrady95 3 месяца назад
Nice! Liked and subscribed.
@MadhusmitaSahoo-iy4os
@MadhusmitaSahoo-iy4os 5 месяцев назад
Thank you 😊
@Dev21262
@Dev21262 Год назад
Thanks! Man
@johanesalberto6136
@johanesalberto6136 Год назад
thank you so much brother
@roshanbhagat3994
@roshanbhagat3994 5 месяцев назад
Thank you so much bro
@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.
@astasori6896
@astasori6896 Год назад
Dude u saved me, thanks a lot
@akshanshkaushal9422
@akshanshkaushal9422 Год назад
it worked? for me its just showing a blank site at the end.
@infofunmedia03
@infofunmedia03 Год назад
Thanks man
@TheNationIsraelLives
@TheNationIsraelLives 11 месяцев назад
Best developer video I have seen so far, it was so helpful and concise. Thank you so much for posting this!
@ismailista3237
@ismailista3237 6 месяцев назад
don't try to steal it
@reean6342
@reean6342 5 месяцев назад
hope you don't take his house
@DevPortifolio2004
@DevPortifolio2004 Год назад
thank you so much
@carlosmario1060
@carlosmario1060 Год назад
Muchas gracias...
@narekzalibekyan8805
@narekzalibekyan8805 11 месяцев назад
thanks!!!
@dnjosh10
@dnjosh10 2 месяца назад
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
@anazodovanessa5323
@anazodovanessa5323 9 месяцев назад
Thank you for this.. Subscribing now... 😻
@naveenalla3000
@naveenalla3000 Год назад
Super bro 🎉🎉🎉🎉🎉
@kim92se64
@kim92se64 Год назад
Yep, what a great Tutorial !!! awesome Regard from Pakistan
@simplyjs
@simplyjs Год назад
is it working
@stormshadow76
@stormshadow76 Год назад
@@simplyjs Yep perfect!!!!
@ashharSartaj
@ashharSartaj Год назад
Thank you
@purplekame1676
@purplekame1676 Год назад
nice, ty bro a lot, so ez
@27sosite73
@27sosite73 Год назад
ty mate
@rehanahmad5401
@rehanahmad5401 11 месяцев назад
awesome thanks sir
@hiteshsingh2548
@hiteshsingh2548 Год назад
Thanks bro👍👍
@laurenmj90
@laurenmj90 8 месяцев назад
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 8 месяцев назад
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.
@christianrodier3381
@christianrodier3381 Год назад
Super helpful
@yashbhardwaj8419
@yashbhardwaj8419 3 месяца назад
Thanku so much
@euroclydon7883
@euroclydon7883 Год назад
You bi genius
@hemantvardani1436
@hemantvardani1436 9 месяцев назад
Thanks
@jhin7_s337
@jhin7_s337 2 месяца назад
thanks
@yusufbachtiar2694
@yusufbachtiar2694 26 дней назад
THANKS
@Dira_1111
@Dira_1111 Год назад
Thank you so much
@akshanshkaushal9422
@akshanshkaushal9422 Год назад
it worked? for me its just showing a blank site at the end.
@tamerkhattab4013
@tamerkhattab4013 Год назад
thank you. im working on my portfolio and would like my project sites to be online.
@devanteswing701
@devanteswing701 Год назад
bruh you saved my ass thank you so much
@Martin-xf8be
@Martin-xf8be 7 месяцев назад
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.
@luiskingsleytolentino8291
@luiskingsleytolentino8291 7 месяцев назад
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
@tonyg5132
@tonyg5132 8 месяцев назад
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 5 месяцев назад
Hello bro! Do you know how I can achieve deploying ssr vite projects where the dist folder has both server and client side
@matyghost1831
@matyghost1831 2 месяца назад
nice
@SushilKumar-xh1dv
@SushilKumar-xh1dv Год назад
very helpful thankssss
@akshanshkaushal9422
@akshanshkaushal9422 Год назад
it worked? for me its just showing a blank site at the end.
@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?
@wazzighait5539
@wazzighait5539 5 месяцев назад
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
@anazodovanessa5323
@anazodovanessa5323 9 месяцев назад
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 9 месяцев назад
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.
@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
@yathishshettigar9344
@yathishshettigar9344 13 дней назад
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?
@fengz-x7z
@fengz-x7z 2 месяца назад
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.
@ajanta28
@ajanta28 4 месяца назад
netlify its not take a vite proxy what we do?
@ondrinurdiansyah9555
@ondrinurdiansyah9555 8 месяцев назад
hi, good video. but i want to upload my react js vite to ubuntu server, can you help me ?
@AvikNayak_
@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
@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?
@andrew3581
@andrew3581 Год назад
mine just shows a blank page please help
@akshanshkaushal9422
@akshanshkaushal9422 Год назад
same
@its_me_hb
@its_me_hb 10 месяцев назад
Local Images not showing there
@ibereola
@ibereola 10 месяцев назад
hii
@OgyXD
@OgyXD Год назад
Really useful. Thanks!
@akshanshkaushal9422
@akshanshkaushal9422 Год назад
it worked? for me its just showing a blank site at the end.
@subaruLover475
@subaruLover475 8 месяцев назад
Thank you!
@GunGod517
@GunGod517 Год назад
thanks, bro!!!!!!!!
@tanvirrana3433
@tanvirrana3433 Год назад
thanks
Далее
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 188 тыс.
The Best Way to Host & Deploy a React Application
11:00
Я нашел кто меня пранкует!
00:51
How to win a argument
9:28
Просмотров 237 тыс.
Vite React App Deploy On GitHub | Step By Step
5:19
Просмотров 58 тыс.
The Story of Next.js
12:13
Просмотров 551 тыс.
How to Deploy React App on Render
9:00
Просмотров 10 тыс.
Я нашел кто меня пранкует!
00:51