EK - developer
EK - developer
  • Видео 4
  • Просмотров 109 269
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...
Просмотров: 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...

Комментарии

  • @nagasai3029
    @nagasai3029 2 дня назад

    as after deployed my project, still i was getting a white page.. what to do now?

  • @samirdumre5612
    @samirdumre5612 6 дней назад

    Thanks

  • @JBdunks
    @JBdunks 12 дней назад

    This video is great, thank you.

  • @rakeshkumarparida98
    @rakeshkumarparida98 16 дней назад

    After following all the steps its showing 'There are no workflow runs yet.'

    • @moadel555
      @moadel555 15 дней назад

      are you find solution

  • @sergioalonzo1303
    @sergioalonzo1303 21 день назад

    Perfect! My first webpage is live now thanks to you!

  • @abdrahmane-mt6xr
    @abdrahmane-mt6xr 24 дня назад

    but whats the main probleme if someone can help please ?

  • @ShreyaSaha-r6z
    @ShreyaSaha-r6z 24 дня назад

    Best video ever

  • @daniellelindblom7753
    @daniellelindblom7753 25 дней назад

    you absolutely saved my bacon with this one! thank you SO MUCH for taking the time to put this together!

  • @Zratey
    @Zratey Месяц назад

    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🙏

  • @umangbansal3970
    @umangbansal3970 Месяц назад

    Thanks man. Simple and Clean and Helpful and Informative video. Thanks man. Thanks a lot

  • @joshmejia5513
    @joshmejia5513 Месяц назад

    What is the app you are using to save the code snippets?

  • @rishabhvishwakarma5745
    @rishabhvishwakarma5745 Месяц назад

    can i deploy my project on github if it is saved a private repo

  • @user-up2vp8vm4k
    @user-up2vp8vm4k Месяц назад

    Bro, you saved me❤

  • @Aman-po8tc
    @Aman-po8tc Месяц назад

    Seriously the best stuff on RUclips

  • @estefanosotoneyra1391
    @estefanosotoneyra1391 Месяц назад

    god man i love you so much

  • @ban4nna
    @ban4nna Месяц назад

    Hi Man - I still get a white screen even though when i run npm run dev it works

  • @AnnaNajmanová-v1w
    @AnnaNajmanová-v1w Месяц назад

    Perfect!!! Only thing to the current 2024 year, to have to update node from 16 to at least 18 in the deploy.yml file

  • @tejasdeshpande8954
    @tejasdeshpande8954 Месяц назад

    thx for this help bro

  • @joaopedropinheiro3904
    @joaopedropinheiro3904 Месяц назад

    Voltando a estudar webdev, ótimo projeto, me fez relembrar muita coisa

  • @Niraj_Kr29
    @Niraj_Kr29 Месяц назад

    Thanks a lot dude, this worked on one go..!! 😭

  • @aiyn470
    @aiyn470 Месяц назад

    Are .yml file same for everyone I have super big galaxy dependency here

  • @MikiyasGirma-y9d
    @MikiyasGirma-y9d Месяц назад

    Man you are live saver huge thanks 🥰🥰🥰

  • @account37733
    @account37733 Месяц назад

    Tysm! Other tutorials were making my page was blank

  • @everyellachannel
    @everyellachannel Месяц назад

    Many thanks from Russia! It worked!!!

  • @zainmashhood7943
    @zainmashhood7943 Месяц назад

    Error: The process '/opt/hostedtoolcache/node/16.20.2/x64/bin/npm' failed with exit code 1 please help me with error

  • @mayankkumar1417
    @mayankkumar1417 2 месяца назад

    why there is white screen in my website ?

  • @noob_coder4017
    @noob_coder4017 2 месяца назад

    😭😭😭😭 my site is showing blank page anyone pls help me

  • @AmaanBilwar
    @AmaanBilwar 2 месяца назад

    nah youre the goat

  • @Marshi1
    @Marshi1 2 месяца назад

    Ur a god bro

  • @salikansari8981
    @salikansari8981 2 месяца назад

    Was trying to deploy my vite project for an hour, This video got it done in 10 mins

  • @QuangNguyen-yi1ro
    @QuangNguyen-yi1ro 2 месяца назад

    thank u so much!!! I had been struggling with routing for deploying on Github pages for 2 days.

  • @uttammishra8748
    @uttammishra8748 2 месяца назад

    Thanks for the video! It helped me lot.

  • @daffaalde7338
    @daffaalde7338 2 месяца назад

    thank you so much mate

  • @AJGagliardo
    @AJGagliardo 2 месяца назад

    thanks a lot, i was trying this for some time, I appreciate you uploading this

  • @amansinghbhadauria2818
    @amansinghbhadauria2818 3 месяца назад

    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

  • @selormdev
    @selormdev 3 месяца назад

    This video really helped. Thanks bro!

  • @damianr4680
    @damianr4680 3 месяца назад

    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

  • @suhasnag123
    @suhasnag123 3 месяца назад

    Thanks a lot man, was stuck for hours and your video helped me get through the deployment.

  • @Omit32
    @Omit32 3 месяца назад

    Thanks a log

  • @Mohitsahachowdhury
    @Mohitsahachowdhury 3 месяца назад

    It's working

  • @judemichaelmaagad3874
    @judemichaelmaagad3874 3 месяца назад

    why after i do all this steps my react vite project is all white now, i can't even undo it

  • @AidanDavid-pl6hf
    @AidanDavid-pl6hf 3 месяца назад

    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.

  • @KiflomBerihu
    @KiflomBerihu 3 месяца назад

    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

  • @kumart2025
    @kumart2025 3 месяца назад

    my case I'm getting this error: App.tsx:1 Uncaught Error: @vitejs/plugin-react can't detect preamble. Something is wrong

  • @CodeingWithManoj
    @CodeingWithManoj 3 месяца назад

    best video for vite react app with route deployment thanks bro

  • @WitroxHunter
    @WitroxHunter 3 месяца назад

    I have never left a comment on a tutorial vid, but this one is awesome. Thanks much

  • @vishakhakhanna8115
    @vishakhakhanna8115 3 месяца назад

    it worked. Thanks a lot

  • @ayansrivastava7316
    @ayansrivastava7316 3 месяца назад

    after i click on link it is still showing white blank page how to solve ??

  • @musicbyscve
    @musicbyscve 4 месяца назад

    You're a lifesaver, thanks man! <3

    • @zainmashhood7943
      @zainmashhood7943 Месяц назад

      Error: The process '/opt/hostedtoolcache/node/16.20.2/x64/bin/npm' failed with exit code 1 please help me with error

  • @MohamedMahmoud-yd5ej
    @MohamedMahmoud-yd5ej 4 месяца назад

    Thanks ❤