Quick note: For most people, my tutorial is working fine and they are able to deploy. Some people still run into a blank page when deploying or have issues with images. So if this is you, check this out: 1. For the blank page issue, most of the time its because you forgot to add the {base: "/REPO_NAME/",} to the viteconfig or you put the repository name incorrectly. Remember, its not the url to the repo, just the name. 2. If you are using react router, please use React Routers HashRouter instead of browser router since github doesnt work with browser router. Also, if you want to learn react and want to check out a platform we collaborate with, check out scrimba: scrimba.com/?via=pedrotech
thank you so much bro i tried so many time and see so many different people tutorial and nothing work for me and you just solved my problem in 6min. from today onwards you got a new subscriber
Thank you so much♥, i was facing so many problems in deploying react project to github and i wasn't known how it would work in github pages but your video was so informative, it just solved my problems .
Hey there guys i have updated the repo to serve images and files locally instead of using a blob storage it should allow more customisation for the website and fixed other minor issues as well. Thank You for using my Template ❤
@PedroTechnologies thanks it did work once I changed my repo to public. however, when I deployed i encountered some issues. For example, the images are not loading .. I'm getting a 404 images not found on console..some do work though.. it's weird
Yes! The only differences is that now we use vite instead of create react app and that i teach some hooks that are obsolete like useMemo and useCallback
Thank you so much for the tutorial! I'm now trying to use a custom domain for my github pages site, do I need to change the homepage url inside my package.json?
Is it this simple when you start adding in querying databases and verifying user identification? Processing credit card information or providing traffic/weather data?
Thank you so much Pedro,you made me understand react very well,now I can deploy. looking forward to more react project 👍 Please I want to ask, you will have to deploy to GitHub first before you deploy to firebase? I am asking based on your tutorial on react and firebase deployment
can you help me bro? my repository is on the parent of vite project react i had(several react app). i try to do some thing about it to make the gh-pages goes to every single of the project still doesnt works and end up just making buiild on the repository overwrite it over and over
I followed your steps up to where I had to run npm run deploy, but then I got an error as follows: Error: Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).
I followed all the steps..... however the url at which my react website got deployed just shows blank.........it's flashes for a second then vanishes........might have something to do with API issue....... man this makes my cry 😢😢
waste 1 day but still this error git : The term 'git' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + git init + ~~~ + CategoryInfo : ObjectNotFound: (git:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
Are you using mac or windows? What happens when you run git -v or where git on your terminal? You can install git on this website: git-scm.com/download/win Also make sure to open a new terminal window after installing.
Quick note:
For most people, my tutorial is working fine and they are able to deploy. Some people still run into a blank page when deploying or have issues with images. So if this is you, check this out:
1. For the blank page issue, most of the time its because you forgot to add the {base: "/REPO_NAME/",} to the viteconfig or you put the repository name incorrectly. Remember, its not the url to the repo, just the name.
2. If you are using react router, please use React Routers HashRouter instead of browser router since github doesnt work with browser router.
Also, if you want to learn react and want to check out a platform we collaborate with, check out scrimba: scrimba.com/?via=pedrotech
Thank you so much, I was spending more than 3 days just to run a react website in github but your 7 minutes video fixed all of it!
Glad I could help! 🎉
😂 me too. 😢
thank you soo much bro i tried many months to deploy but this is the first worked video I ever seen, From today onwards you got a new subscriber
Lesgooooo thanks man!
Thank you so much, bro. Simple, clear, short.
I always forget and always come to this video.
Thanks!! I'm happy it saved you time!
thank you so much bro i tried so many time and see so many different people tutorial and nothing work for me and you just solved my problem in 6min.
from today onwards you got a new subscriber
Glad to hear that!!
i was wasting 1 day to deploy vite react but your specific video helped me wowww
Thanksss!!
Thank you so much♥, i was facing so many problems in deploying react project to github and i wasn't known how it would work in github pages but your video was so informative, it just solved my problems .
I'm glad it helped! 🙌
Hey there guys i have updated the repo to serve images and files locally instead of using a blob storage it should allow more customisation for the website and fixed other minor issues as well.
Thank You for using my Template ❤
Thank you so much Pedro, very awesome! Your video helped me a lot to deploy vite-app!
Thanks bro, I was spending a day just deploy my rect app. Now saved your video for future reference. Again thanks bro. Love from India.❤❤❤
Happy to hear it helped!
Thanks it really helped, i've been stuck for hours
Glad to hear it!!
Thanks a lot chief. It took me 4days to do this
Haha I know how it feels sometimes!
Thank you so so much, I spent hours trying to figure out why nothing was working, didn't even know a gh-pages package existed!
I'm glad it helped! It's a super handy package!
Salve Pedro, assistia bastante seu canal quando tava no estágio, fico feliz em ver que conseguiu tantos inscritos!
Big love bro I was suffering with deploying my project until I saw your video ❤
Thank you. I wasted a whole day trying to get my web page to work on github. Idk why i didnt just look up a video for help sooner.
Glad you found it helpful!
been stressed for three days, only if i had come across your video earlier. thanks man
Glad I could help
amazing, this worked first try
That's awesome to hear!
Thank you so much brother ❤
No problem! Glad it was helpful! 🙏
didn't work initially because my repo was private , i changed it to public, and it worked thanks for the clear instructions. 👍
What didn't work? I can help you :)
@PedroTechnologies thanks it did work once I changed my repo to public. however, when I deployed i encountered some issues. For example, the images are not loading .. I'm getting a 404 images not found on console..some do work though.. it's weird
It works, Thanks.
Glad to hear it!
worked perfect! thanks for sharing
Glad to hear it worked!
Awesome as always ♥
Thanks !!
🎉thank you, straight to the point.
Thanks bosss🤝 ..... Its working after 10000... of deployment
Haha I know the feeling 😂
Thanks for making this video
awesome, thank you bro
Thanks, glad you liked it!
Awesome video, thanks!
Glad you liked it!
In the vite config file (base have / at the end )then it works for me ❤
Thank you!
You're welcome!
Bring series of questions asked in machine coding round in react. Also do cover advance js topics 🙏🙏🙏
Thank you!!!!!!
thx bro, this worked!
Glad it helped!
Can i follow old react videos? Do i have to be on the exact same react version to follow? Thank you in advance.
Yes! The only differences is that now we use vite instead of create react app and that i teach some hooks that are obsolete like useMemo and useCallback
Thanks man❤!
Glad you liked it!
Thank you so much ❤
You're welcome 😊
thanks for this video man
:)
Thank you so much for the tutorial! I'm now trying to use a custom domain for my github pages site, do I need to change the homepage url inside my package.json?
Yes!
Is it this simple when you start adding in querying databases and verifying user identification? Processing credit card information or providing traffic/weather data?
nice👍, quick and easy
Thanks 👍
Thank you so much Pedro,you made me understand react very well,now I can deploy. looking forward to more react project 👍
Please I want to ask, you will have to deploy to GitHub first before you deploy to firebase?
I am asking based on your tutorial on react and firebase deployment
Thank you so much, What is the best way to implement paths and routes so i don't run into issues with the github deploy
this works perfect for me ^^^ ty so much, but i had problems open the gh pages url in my mobile phone, is this normal?
groovy, well done
cool, thanks
can you help me bro? my repository is on the parent of vite project react i had(several react app). i try to do some thing about it to make the gh-pages goes to every single of the project still doesnt works and end up just making buiild on the repository overwrite it over and over
fui fazer isso em outro pc, mas o vscode dele não tava com a opção de auto-save, pra quem não conseguiu tenta ligar o auto-save
Thankyou
No problem! Glad it was helpful.
Thanks❤
Hi! I've got a blank page. I've used TypeScript instead of JavaScript, but I don't think that this is the problem. Any ideas?
I followed your steps up to where I had to run npm run deploy, but then I got an error as follows:
Error: Failed to get remote.origin.url (task must either be run
in a git repository with a configured origin remote or must be configured with the "repo" option).
When running the deploy I get an error that says denied to my stuff
helped alot:)
is it possible to update the code after the deployment ?
Yes! You just have to push the changes to the repository and it will update the deployment!
@PedroTechnologies initially it worked but after updating my code it start showing a 404 error
@@PedroTechnologies after pushing, there is no changes in the website. we don't have to run 'npm run build' again?
This won't work for SSR next project, right?
I recommend deploying next to vercel for free! I have a vid on it similar to this one :)
i have used your way every thing is working fine except the image in public folder .how can i resolve that
WHat is happening to the image? Is it not showing up?
@PedroTechnologies yes they are not showing up, I have put them in public folder , they were showing up in local host
😘😘amazing
how can we configured the env varibles?
It is showing white blank page
Salve, parabéns pelo canal! Onde voce fez ingles? Eu tenho esse débito como dev...
I followed all the steps..... however the url at which my react website got deployed just shows blank.........it's flashes for a second then vanishes........might have something to do with API issue....... man this makes my cry 😢😢
What api are you using?
man why RUclips is deleting my comments....
can anyone help me after deploying iam getting a blank white page
Did you set the base on the viteconfig to be your repository name?
what about that dist folder, it is appearing M
i did all of this and it got deployed but without any of my my media !!
i managed to fix error in loading my media by adding a ./ in my src paths like "./images" instead of "/image"
not working in router website.
waste 1 day but still this error git : The term 'git' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name,
or if a path was included, verify that the path is correct and try again.
At line:1 char:1
+ git init
+ ~~~
+ CategoryInfo : ObjectNotFound: (git:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
Are you using mac or windows? What happens when you run git -v or where git on your terminal? You can install git on this website: git-scm.com/download/win
Also make sure to open a new terminal window after installing.
You look like Agurin with those glasses
Brother, can you start a brand new backend series (Node JS, Express JS, PostgreSQL, Prisma, Redis and Docker)
error is showing not working
not working my portfolio
How can I update the site?
You have to run `npm run deploy` again after you make changes
I got white screen i did same as per video
Is it a typescript project?
@PedroTechnologies no
Should have installed as devDependency
It actually didn't load desktop images in mobile phone
Still Empty
error
i have installed git also but still this shit
Thank you Pedro 🫡