Friend, I'm from Brazil, my name is Elvis, I'm a front end and I loaded my react project through the visual studio code terminal and only the folder with an arrow appears on github, could you help me?
Hi all, I followed this tutorial and when I run the command "npm run deploy" I got the "Published" result but then I get the GitHub Pages 404 error titled "There isn't a GitHub Pages site here." when I try to visit my project site. Can anyone help me please?! Good video btw
In your GitHub repo, go to Settings, and then select Pages. Under Build and deployment, change the Branch from Main to gh-pages. It takes about 5-min after that and then you should see your deployed website.
Not working! I'm getting this "Getting Started with Create React App This project was bootstrapped with Create React App." instead of my page. . . What to do?
@@DerekGomez-n1w Yes! I don't remember exactly what the issue was, but as a first step, make sure to select gh-pages in the Deployment setup on GitHub when ready to deploy.
@@11.naghmamahtab.27 i saved a copy of the project and i ran it again. I gave up on gh pages, couldn t find a fix. I think netlify it s easier to deploy the project on
Thank you so much! This is the best and most concise tutorial for this. However, I have a fullstack app and I want to grab the items for my database. I connected my github to cyclic, but the link for cyclic is only for the backend and not really connecting to my routes
Might be a bit outdated but I did every step and it keeps trying to clone into my .git file it looks like then I get a Pemission denied (public key) when I try to deploy one of my personal projects
Still i can't get a clear solution to how you'd update the deployed site, if you tried to push code to github or even rebuild again with deploy it won't work you'll still have the old version
This is exactly what I was looking for. Clear, short and straight forward instructions. This is very useful, thank you!
Thanks, Yes! I finally got this React project live after trying it for the last 8 hours.
Awesome!
So short, so easy, much appreciated!
i was stuck for 2 days ad your one video really helped me a lot sir , thank you
This was a really good tutorial easy to understand. Thanks
Glad it was helpful!
this is great bro. short and precise!!!
Literally saved my ass in my project. Thank you for this amazing tutorial. I will absolutely be subscribing.
me too
does this work with vite react?
Friend, I'm from Brazil, my name is Elvis, I'm a front end and I loaded my react project through the visual studio code terminal and only the folder with an arrow appears on github, could you help me?
good video, but unfortunately it didn't work for me
for some reason when I do this, the link takes me to the readme file instead of my project, am I doing something wrong?
same, did you find the solution?
Make sure to go to settings, pages, then change the branch from main to gh_pages and press save.
Holy shit they made this so simple. Love this.
Hi all, I followed this tutorial and when I run the command "npm run deploy" I got the "Published" result but then I get the GitHub Pages 404 error titled "There isn't a GitHub Pages site here." when I try to visit my project site. Can anyone help me please?! Good video btw
what if i use pnpm?
is it free of cost for life time access to the hosted page??what is the platform that is used in this video for hosting the application??
Got nice videos, wish to see the channel soar.
Thank you Odelola! Working on more videos :)
what if i have frontend and backend seperatly
So straight forward, thank you! Worked first try! Subbed!
same
short and sweet, thanks man
i have a question lets say i updated some lines of codes how can i update the repo ?
Thank you so much for this video! Much appreciated.
I got an enoent error after trying to run deploy idk what the issue is
Hello from Ukraine bro!
I`m wasted two days before I found your three-minute video! Thank you.
Like-button is pressed :)
Awesome dude!
Do you know what to do if that link only displays the readme file?
In your GitHub repo, go to Settings, and then select Pages.
Under Build and deployment, change the Branch from Main to gh-pages. It takes about 5-min after that and then you should see your deployed website.
mine only shows the readme file as well
We loved the video thanks for sharing :-)
Does this work if I used Vite for my React Project?
ua-cam.com/video/tg-Xgx-lqXM/v-deo.html
Not working! I'm getting this "Getting Started with Create React App
This project was bootstrapped with Create React App." instead of my page. . . What to do?
same problem, have you found the solution
same, how to fix?
Thank you for this concise demonstration! The weird thing is when I follow these steps, my GitHub page only shows my README file, not my build.
I'm having this same problem! Have you found a solution yet?
@@DerekGomez-n1w Yes! I don't remember exactly what the issue was, but as a first step, make sure to select gh-pages in the Deployment setup on GitHub when ready to deploy.
For it is still the blank page. I really can't figure this out. Anyone has an idea on why the homepage is blank ?
Hey so I published my site and it works nicely but the images on my local one broke I don’t know how 😢
Did u managed to find the solution for this? I’m having the same issue
Awesome, thank you!
Thanks jay
Very useful and concise
For me, it's my readme page it shows me
you are professional ..thanks a lot for your videos
Do you have to do the git init command?
What I run "npm run deploy" I get an error ENOENT: no such file or directory, stat 'C:\Programming\3DPortfolio\build' has anyone ran into that?
same problem! still trying to solve, did you find anything?
@@levihinnenthal9636 In the "deploy" script change "gh-pages -d build" to "gh-pages -d dist"
my issue was that my build was located in a folder called "dist" not "build". Updating the build path in package.json fixed it.
very helpful and useful content, THANK YOU!
Glad it was helpful!
Hi man! I ve done exactly the same but for some reason it shows me a blank page at the end :( instead of the whole site
Are you getting any errors?
@@codecommerce for some reason it returns what s in the “public” folder of the app , not the rest of the files like normaly should
@@gabidrg4008 have you resolve it? If yes then how because I am also facing same problem
@@11.naghmamahtab.27 i saved a copy of the project and i ran it again. I gave up on gh pages, couldn t find a fix. I think netlify it s easier to deploy the project on
@@gabidrg4008 true but you cant go to different pages(that's what happened to me, i couldnt go to other pages because of the url)
What's the pre requisite for this??
This is so straight forward thanks🔥🔥🔥🔥
Thanks Jay!
Wow, really helpful ❤Thx a lot :)
thank you sir!
incredible video!
solid video thanks
Thank you man!
gh pages never works for nextjs for me always get different errors
Pls man can you put the link of the cheat sheet pf the github page .. in the description or comment to get along with script stuff
Hii man i face the problem gh page is recognis internal external command
Thank you so much! This is the best and most concise tutorial for this. However, I have a fullstack app and I want to grab the items for my database. I connected my github to cyclic, but the link for cyclic is only for the backend and not really connecting to my routes
can u make a react app in a advanced way like a small project but have a lot of feature ?
You got it!
@@codecommerce thanks sir ♥️
hey i only have 3 Files on my github page static and 2OTHERS
Might be a bit outdated but I did every step and it keeps trying to clone into my .git file it looks like then I get a Pemission denied (public key) when I try to deploy one of my personal projects
I have the same problem
Showing a white screen after deployment and also 404 error in console
same
@@thevpshow7859 if you get any solution please comment it🙃
same problem, bruh(
@@fokspoks same issue.
@@vishnuraj.g9946 did you manage to find a solution? I have the same issue.
Does this works with TypeScript?
Sure does!
I followed everything u did and still it shows just the readme and not my website
same problem
Still i can't get a clear solution to how you'd update the deployed site, if you tried to push code to github or even rebuild again with deploy it won't work you'll still have the old version
You can run the build and push the changes.
@@codecommerce thanks, after many attempts I’ve managed to do it.
@@amr8113please how did you figure this out? If you can still remember.
awesome
thank😉
Thank you
You're welcome
When I deploy on GH Pages,I have the whitescreennnn :(
thanks for the feedback peter - ill keep it down
Do anyone have the github sheet he use i can get mine done ..
but why she give me 404 error ???
Thankyou
does this work with next.js
I would recommend checking out vercel! Deploy a Next JS Application - Easy
ua-cam.com/video/Vcm1anCcuU0/v-deo.html
🙏🏼
thanks kyu sir
Thank you!
Thank you very much. Greetings from Croatia and subscribe from me.
gh-pages dont download
refresh it and boom your site is gone
404 likes, I dont wanna ruin it 😔
skibidi toilet
Thanks man job opportunity popped up but I'm too broke to have a portfolio page but this will do just fine b