Publish A React App To GitHub Pages - Less Than 3 Minutes
HTML-код
- Опубликовано: 29 авг 2024
- I made this cryptocurrency app in React JS just a few days ago and I thought it would be fun to publish it to github pages fo I can access it from my phone or anywhere else. It's super easy to publish a React App to Github Pages and only takes a few minutes. If you want to see how I built this app then you can find that video in the link below.
Build this crypto app in React:
• Build A React JS Websi...
Github Repo:
github.com/fir...
Connect with me on IG:
/ fireclint
🔥 My Coding Equipment 🔥
Logitech MX Wireless Keyboard - amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - amzn.to/3mvUy8M
Shure MV7 USB Podcast Microphone - amzn.to/3O00nqG
Mic Boom Arm - amzn.to/3NHn6YU
Monitor Desk Light Bar - amzn.to/3xzKlyj
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!
i was stuck for 2 days ad your one video really helped me a lot sir , thank you
Literally saved my ass in my project. Thank you for this amazing tutorial. I will absolutely be subscribing.
me too
this is great bro. short and precise!!!
Hello from Ukraine bro!
I`m wasted two days before I found your three-minute video! Thank you.
Like-button is pressed :)
Awesome dude!
So straight forward, thank you! Worked first try! Subbed!
same
Holy shit they made this so simple. Love this.
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.
Got nice videos, wish to see the channel soar.
Thank you Odelola! Working on more videos :)
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
short and sweet, thanks man
Thank you so much for this video! Much appreciated.
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?
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?
@@user-jt6ec4rq4y 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.
Does this work if I used Vite for my React Project?
ruclips.net/video/tg-Xgx-lqXM/видео.html
We loved the video thanks for sharing :-)
very helpful and useful content, THANK YOU!
Glad it was helpful!
I got an enoent error after trying to run deploy idk what the issue is
good video, but unfortunately it didn't work for me
Awesome, thank you!
Thanks jay
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?
Very useful and concise
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
you are professional ..thanks a lot for your videos
Wow, really helpful ❤Thx a lot :)
incredible video!
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
what if i have frontend and backend seperatly
what if i use pnpm?
For me, it's my readme page it shows me
Thank you man!
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??
solid video thanks
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.
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.
thank you sir!
gh pages never works for nextjs for me always get different errors
Hii man i face the problem gh page is recognis internal external command
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)
This is so straight forward thanks🔥🔥🔥🔥
Thanks Jay!
i have a question lets say i updated some lines of codes how can i update the repo ?
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
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
thank😉
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
Do anyone have the github sheet he use i can get mine done ..
Does this works with TypeScript?
Sure does!
awesome
Thank you
You're welcome
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.
but why she give me 404 error ???
🙏🏼
When I deploy on GH Pages,I have the whitescreennnn :(
thanks for the feedback peter - ill keep it down
Thankyou
thanks kyu sir
Thank you!
Thank you very much. Greetings from Croatia and subscribe from me.
does this work with next.js
I would recommend checking out vercel! Deploy a Next JS Application - Easy
ruclips.net/video/Vcm1anCcuU0/видео.html
gh-pages dont download
refresh it and boom your site is gone
skibidi toilet
404 likes, I dont wanna ruin it 😔
Thanks man job opportunity popped up but I'm too broke to have a portfolio page but this will do just fine b