![EK - developer](/img/default-banner.jpg)
- Видео 4
- Просмотров 109 269
EK - developer
Бразилия
Добавлен 28 ноя 2021
Vite React App with Routes Deployed on Github | Reload error resolved!
In this video, I will teach you how to deploy a Vite React App using React Router through GitHub Pages. In addition, I'll show you a simple and fast way to resolve the 404 error when reloading the page.
📚 References
GitHub Code (give it a star ⭐): github.com/ErickKS/vite-react-router
Vite: vitejs.dev/
React Router: reactrouter.com/
🔔 Like and subscribe
⌚Time Stamps
Deployment: 00:00
Routing: 03:09
Fixing Error: 6:14
🎵 Musics
Faixa: "Know Things"
Música pela slip.stream
Download gratuito / Stream: get.slip.stream/gBZXef
Faixa: "All Day We Dance", Mr. Milk
Música pela slip.stream
Download gratuito / Stream: get.slip.stream/XsiugT
Faixa: "Versions", Birdo
Música pela slip.stream
Download gratuito / Stream: get...
📚 References
GitHub Code (give it a star ⭐): github.com/ErickKS/vite-react-router
Vite: vitejs.dev/
React Router: reactrouter.com/
🔔 Like and subscribe
⌚Time Stamps
Deployment: 00:00
Routing: 03:09
Fixing Error: 6:14
🎵 Musics
Faixa: "Know Things"
Música pela slip.stream
Download gratuito / Stream: get.slip.stream/gBZXef
Faixa: "All Day We Dance", Mr. Milk
Música pela slip.stream
Download gratuito / Stream: get.slip.stream/XsiugT
Faixa: "Versions", Birdo
Música pela slip.stream
Download gratuito / Stream: get...
Просмотров: 16 617
Видео
Vite React App Deploy On GitHub | Step By Step
Просмотров 65 тыс.Год назад
"In this video, I'll be showing you how to deploy your vite react application on GitHub. I'll show you step by step how to get it done." 📚 References GitHub Code (give it a star ⭐): bit.ly/vite-deploy Vite: vitejs.dev/ 🔔 Like and subscribe
Responsive Nav Bar | HTML, CSS and JavaScript
Просмотров 1432 года назад
In this video, I'll teach you how to create a simple, responsive, and functional Nav Bar without static icons only with HTML, CSS, and JavaScript. You will be able to adapt a navigation bar according to your needs, easily. Source code github.com/ErickKS/navBar-responsive.git Live demonstration erickks.github.io/navBar-responsive/ Like and Subscribe !! :) Times Intro: 00:00 HTML: 00:11 CSS pt.1:...
Pomodoro Timer Project | Only with HTML, CSS and JavaScript
Просмотров 27 тыс.2 года назад
In this video, I'll show you how to build a simple Pomodoro timer using HTML, CSS and JavaScript. The Pomodoro technique is based on the idea that by dividing our workflow into blocks of intense concentration, we can improve brain agility and stimulate our focus. Source code - (give it a star ⭐) bit.ly/repo-pomodoro Live demonstration bit.ly/live-pomodoro Like and Subscribe !! ⏱ Times Demonstra...
as after deployed my project, still i was getting a white page.. what to do now?
Thanks
This video is great, thank you.
After following all the steps its showing 'There are no workflow runs yet.'
are you find solution
Perfect! My first webpage is live now thanks to you!
but whats the main probleme if someone can help please ?
Best video ever
you absolutely saved my bacon with this one! thank you SO MUCH for taking the time to put this together!
If if this tutorial has 1 year and some minor things had changed, tysm for your guide. Thanks to you I could properly persue my project, I'll add a link to your Github guide within my README God bless you mate🙏
Thanks man. Simple and Clean and Helpful and Informative video. Thanks man. Thanks a lot
What is the app you are using to save the code snippets?
can i deploy my project on github if it is saved a private repo
Bro, you saved me❤
Seriously the best stuff on RUclips
god man i love you so much
Hi Man - I still get a white screen even though when i run npm run dev it works
Perfect!!! Only thing to the current 2024 year, to have to update node from 16 to at least 18 in the deploy.yml file
thx for this help bro
Voltando a estudar webdev, ótimo projeto, me fez relembrar muita coisa
Thanks a lot dude, this worked on one go..!! 😭
Are .yml file same for everyone I have super big galaxy dependency here
Man you are live saver huge thanks 🥰🥰🥰
Tysm! Other tutorials were making my page was blank
Many thanks from Russia! It worked!!!
Error: The process '/opt/hostedtoolcache/node/16.20.2/x64/bin/npm' failed with exit code 1 please help me with error
why there is white screen in my website ?
😭😭😭😭 my site is showing blank page anyone pls help me
nah youre the goat
Ur a god bro
Was trying to deploy my vite project for an hour, This video got it done in 10 mins
thank u so much!!! I had been struggling with routing for deploying on Github pages for 2 days.
Thanks for the video! It helped me lot.
thank you so much mate
thanks a lot, i was trying this for some time, I appreciate you uploading this
For anyone facing the 404 with a blank page : Add the following in your package.json under "script" - "build": "vite build --base=./", Check Vite Docs' /shared-options#base
This video really helped. Thanks bro!
To me, the build calls the scripts "src="/assets", so it doesn't work. "src=./..." should do it, but I have to do it manually, And still,l when I do that, all I have is an empty "<div id="root"></div>" this is driving me insane
Thanks a lot man, was stuck for hours and your video helped me get through the deployment.
Thanks a log
It's working
why after i do all this steps my react vite project is all white now, i can't even undo it
"build": "vite build --base=./", in you package.json
If you run into the issue where when reloading the page infinitely tries to reload and the URL keeps adding the text ~and~, try setting the pathSegmentsToKeep variable in the 404.html file to 0.
please tell me what to do if the frontend code is in a folder a long side my server code folder in the root directory
my case I'm getting this error: App.tsx:1 Uncaught Error: @vitejs/plugin-react can't detect preamble. Something is wrong
best video for vite react app with route deployment thanks bro
I have never left a comment on a tutorial vid, but this one is awesome. Thanks much
it worked. Thanks a lot
after i click on link it is still showing white blank page how to solve ??
"build": "vite build --base=./", in you package.json
You're a lifesaver, thanks man! <3
Error: The process '/opt/hostedtoolcache/node/16.20.2/x64/bin/npm' failed with exit code 1 please help me with error
Thanks ❤