Every time I redo my portfolio website it's such a pain to get it deployed again. This video was so helpful. thank you so much!!!!
@jamesgrimshaw
3 жыл бұрын
Glad you found it useful! 😄
@Tracer73866
2 жыл бұрын
1:58 before pushing you need to create "main" branch by typing "git branch -M main". I received an error until i wrote that command
@brandongibson7050
2 жыл бұрын
I thought ctrl C was to copy? why would I copy the url then go to the cmd line and hit ctrl C again?
@InternetMadeCoder
2 жыл бұрын
This does not work
@investandcyclecheap4890
Жыл бұрын
anyone getting a 404, make sure to push up the new code and it should work :)
@gabrielossamumaeda2091
2 жыл бұрын
Nice video man!! If someone is running into the problem where the site displays some React Learn page or whatever, make sure you marked "gh-pages" on the page setup of GitHub pages settings.
@ernestosrf
Жыл бұрын
Thank you so much! I was looking for a solution for this
@pradhan7093
2 жыл бұрын
Guys name the repo and the directory(create-react-app name) the same name otherwise it wont work.
@Febiuzz
Жыл бұрын
Doesn't work to me, when i write npm run deploy it's starts building but in the end it gives me this error: ENOENT: no such file or directory, stat 'C:\Users\fabio\Desktop\fabio-psd\build'. Idk how to fix it and when i open the web page it gives me site not found. Help
@nirajraut1511
4 ай бұрын
Hey, I am facing same issue, so how did you solve this problem
@harshkureel3829
Жыл бұрын
It's showing blank page
@SaroshAbdullah
3 жыл бұрын
You're awesome man! you explained everything in such a simple manner!
@shanmukh5590
3 жыл бұрын
Only readme file is showing 😭😭😭😭😭😭😭😭.. pls help 🙏🙏🙏🙏
@ameybairolu3688
2 жыл бұрын
Thanks a lot for this video lol. Crisp explanation and hence an absolute time saver. Couldnt ask for anything more! 😀
@DevinDT99
4 ай бұрын
For those using Vite, npm run build will by default use a "dist" folder rather than a build folder, so deploy won't recognize it. You can instead add the following to your package.json scripts! "predeploy": "npm run build", "build": "vite build", "deploy": "gh-pages -d dist"
@thomascalle7465
7 ай бұрын
You skipped the vital part of having to show people to "Create React APP" there is no point of this vidoe if you are not teaching this... if anyone were to follow your steps they would not be able to complete it as their is no explination of how to "Create React APP"
@thomasmeta2711
2 жыл бұрын
Hey thanks for the video but I can't see the entirity of the website that I see locally on github pages. Do you know why?
@aryanaryamusic
2 жыл бұрын
I'm getting this error Error: spawn git ENOENT at Process.ChildProcess._handle.onexit (node:internal/child_process:282:19) at onErrorNT (node:internal/child_process:477:16) at processTicksAndRejections (node:internal/process/task_queues:83:21) Emitted 'error' event on ChildProcess instance at: at Process.ChildProcess._handle.onexit (node:internal/child_process:288:12) at onErrorNT (node:internal/child_process:477:16) at processTicksAndRejections (node:internal/process/task_queues:83:21)
@shahidlandge9876
2 жыл бұрын
I m getting the same error . Did you find the solution?
@RiteshNEVERUNIFORM
3 жыл бұрын
Sad to see such less subs :( I have a doubt though, I made a login page using firebase authentication. now i want to deploy that app on github but the problem is i don't want the apikey to be exposed what do i do
@jamesgrimshaw
3 жыл бұрын
This is only for static frontend apps, all code will be exposed. If you need something on the server side, this is not the solution for you I'm afraid. Try something like AWS, they have a free tier so it will likely cost you nothing for the first year.
@RiteshNEVERUNIFORM
3 жыл бұрын
@@jamesgrimshaw okay, Thanks!. I think deploying on netlify is good Idea for my project. And the public fikes can be shared on github
@jamesgrimshaw
3 жыл бұрын
@@RiteshNEVERUNIFORM Sounds great 😄
@adamdurrant
Жыл бұрын
This didn't work for me. How does an app in a fresh repo get added to a separate gh pages repo? I already have a gh pages repo with stuff inside it.
@delighteke9948
7 ай бұрын
wow this video saved me from constant head ache, thanks bruv
@27isagamer98
Жыл бұрын
Thanks a lot for this clear explanation. You saved my day!
@528nandini9
Жыл бұрын
After npm run deploy..I'm getting error..please help me out
@mikkys5374
Жыл бұрын
how do you fix a "ENOENT: no such file or directory, stat" error?
@jonathanadel3831
3 жыл бұрын
Thanks Bro, It Worked Can You Please Tell Us The Name Of Your VS Code Theme And The Folder Icons Theme Name?
@ANKITKUMAR-ih3yk
2 жыл бұрын
I have done all thing similar like in this video but still my site is live showing 404 error?
@fatesteyneit2990
2 жыл бұрын
can we use a domain bought somewhere else? If so, care to do a little tutorial XD
@tan5771
2 жыл бұрын
Very easy tutorial..aaaaaa it helps me a lot to deploy my react project. I can go to sleep now 😂
@Felix-dh9tl
2 жыл бұрын
If your page works but if you try to refresh it and says 404 error, change your: ReactDOM.render( , document.getElementById('root') ); to this one below ReactDOM.render( , document.getElementById('root') );
@fredrick2017
2 жыл бұрын
Hey! I followed everything in the tutorial minus creating a repo (my repo was already set up). Everything ran successfully with no errors but I'm getting a 404 error on the page. Any ideas? I'm not using routing or anything like that.
@teenaja3340
2 жыл бұрын
same
@rizkialimaulana6193
2 жыл бұрын
Yeah me too. But in my case, the website turns into readme
@JacobAuthier
2 жыл бұрын
@@rizkialimaulana6193 Same :(
@chandangr9033
2 жыл бұрын
@@JacobAuthier Make sure ur username doesnt have any space or capital letters. If it has capital letters or space, then it will cause that issue
@jessehuang4955
2 жыл бұрын
@@chandangr9033 so you mean even though your user name has uppercase you just type lower case?
@nani4027
2 жыл бұрын
When I tried I'm just getting the read me file displayed.
@LinaSmesz
Жыл бұрын
it doesnt work :( not really understand why?
@rkscp7711
5 ай бұрын
Your video is really helpful 🙌🙌
@mariyammajeed1754
2 жыл бұрын
why am i getting an error "remote origin already exists"
@nidhishettigar6981
2 жыл бұрын
Thanks that worked for me. After many tries finally I hosted my react app.
@edehchinedu4554
9 ай бұрын
but this process can only host one page site
@md.dilshadulislam9113
Жыл бұрын
thanks a lot to put a sense of humor around it
@ShravanKumar147
2 жыл бұрын
Wonderful 5 mins Brilliantly explained
@markymarkdev
Жыл бұрын
github pages is no longer free
@ignacioarmandugon2916
2 жыл бұрын
I'm seeing my readme file in the page
@ajsantos3739
2 жыл бұрын
git push -f origin master
@zenragez
3 жыл бұрын
That was beautifully scripted! Very thorough and quickly explained
@jamesgrimshaw
3 жыл бұрын
Man like Zenny 😍 nothing makes me happier than seeing you here
@zenragez
3 жыл бұрын
@@jamesgrimshaw I will be coming to you a lot for your KZitem when I need information! Maybe I could make some requests?
@jamesgrimshaw
3 жыл бұрын
@@zenragez of course! DM me I’m always looking for new video ideas :)
@Felix-dh9tl
2 жыл бұрын
@@jamesgrimshaw How do I choose my home tab, to load it when I click the link? Now it sends me to a blank page, I can only see my navbar and footer atm, but when I click home tab etc, it works properly...
@mdjahidulislam9205
2 жыл бұрын
react router not working
@Hemnath-nj8xg
Жыл бұрын
Thank you brother
@jprescottirl
2 жыл бұрын
I uploaded it up GH pages but now my images arent showing. Any idea why? thanks !
@shaneharris8363
2 жыл бұрын
I use process.env.PUBLIC_URL + "/assets/image.png" and also set the variable to match the homepage used in package.json.
@steffqing
2 жыл бұрын
I couldn't get my React website setup I followed through the instructions but it renders the site without the content
@Felix-dh9tl
2 жыл бұрын
use hashrouter instead of router
@Lokoislive
3 жыл бұрын
I have a problem with this. I did all the steps but I only get a blank screen, and when I inspect the console it tells me for the scripts enable javascript to run app, and I've done this several times and also for the website do I need to be in branch gh-pages or in master branch to make the website?? bc when I go masters i get the instructions file if I go to gh-pages branch I get the white page with enable js, nvm it worked idk how but at least it works so another question if I make some changes to my app all I need is to just do the same as before add the changes commit to it and then push it , but do I push it to my masters branch or gh-pages branch?
@jamesgrimshaw
3 жыл бұрын
When you want to push changes, all you need to do is commit all your files like you did in the first step (except add origin, you only need to do that once), and then run “npm run deploy” as you did in the video. It is the exact same process, you don’t push to the gh-pages branch directly :) Hope this helps
@Lokoislive
3 жыл бұрын
@@jamesgrimshaw ok that worked but when I modified some more now I'm getting the blank page again with saying enable js, when I first made a push it did change what I pushed but when I pushed some files and deployed it that when it went to the blank screen. here's my github if you want to see it github.com/pablovisual/pabloarmandosandoval
@Lokoislive
3 жыл бұрын
nvm i found the problem, so with the route path I set to empty my website couldn't configure where the homepage was so it didn't show anything. but when i changed the route path to the actually path itself it was able to find it
@jamesgrimshaw
3 жыл бұрын
@@Lokoislive great, glad to hear you figured it out. Just visited your website and it looks great!
@Lokoislive
3 жыл бұрын
@@jamesgrimshaw thanks its still a working progress but ill get there
@sajinael269
2 жыл бұрын
I need help The following paths are ignored by one of your .gitignore files: node_modules hint: Use -f if you really want to add them. hint: Turn this message off by running hint: "git config advice.addIgnoredFile false"
@kenzafilali9115
2 жыл бұрын
my application is pubished yet directly it displays my 404 pages configured by the route /* what to do ?
@dewann99
Жыл бұрын
Thank you so much, I was really hoping that I don't run into issues the night before the big career fair day at my university, so I can show them my react-app portfolio.
@roodyg5352
Жыл бұрын
Thank you! This video was extremely helpful.
@sfafsashfdh6589
2 жыл бұрын
How can I do this if I used some sort of API, and in JS file there is my private API key, shouldn't API key be private?
@EnriqueMoranG
2 жыл бұрын
I love you sir
@awesomedragon6367
2 жыл бұрын
bro. how do you host react js frontend with backend. my backend login is not working. how do you do it??
@sanish_49
2 жыл бұрын
Thank you so much, deployed my app without any problem. That was smooth 😃
@ralphkapgang3687
2 жыл бұрын
Awesome tutorial but it doesn't work for me, my main file is in a sub folder, please ca you help me?
@damir-n1
2 жыл бұрын
Thank you!
@marwantarekelmasry188
11 ай бұрын
thanks man
@aviroxi
2 жыл бұрын
thank you so much :) you got new sub and new github follower ;)
@mohamedtababi6537
2 жыл бұрын
thanks a lot
@yashaskirito
2 жыл бұрын
I might be just missing something here but it's bugging me so I'll ask anyway.. when you are CLEARLY running the deploy script.. how is npm also running the predeploy script??
@moaandersson4837
2 жыл бұрын
thanks lots
@shaokhan-i8k
Жыл бұрын
your'e a life saver bro... thanks so much...
@indranilnaskar2373
2 жыл бұрын
Awsome 🔥
@rohanism26
2 жыл бұрын
BEST VIDEO
@adamspice9076
Жыл бұрын
great video
@artenisalija
2 жыл бұрын
How many projects can we publish using this method?
@ratansen4542
2 жыл бұрын
Hey! my react app is inside frontend folder of my repo.. What additional steps do i need to perform?
@mtycoder
2 жыл бұрын
if is not a react app and i just want to deploy all the files in the root directory, somebody knows how to do it?
@michaelc8876
2 жыл бұрын
Thanks.
@johanbjerkem8592
2 жыл бұрын
Thanks!
@rohanramani6243
3 жыл бұрын
EVERYONE, PLEASE NAME YOUR REPOSITORY THE SAME THING AS YOUR REACT PROJECT OR ELSE THIS WON'T WORK.
@rohanramani6243
3 жыл бұрын
GREAT VIDEO THO. REALLY APPRECIATE IT
@dewasembiring7286
2 жыл бұрын
is this work when the code in github are private?
@ts8960
2 жыл бұрын
when I run npm run deploy , will it remove files from github too if I remove them in my project? or do I have to do everything manually
@notyourtypicalteenager4651
3 жыл бұрын
hey! when I upload my website it only shows some part of it, like for example I am deploying the whole thingbut when I click the link it only shows the navbar part and none of the links work on the navbar
@pickitupgolf276
2 жыл бұрын
Very helpful vid James! Appreciate the simplicity and easy to follow steps.
@soumyadeepchatterjee2189
2 жыл бұрын
Thank you. If everything is fine please if possible upload some other project videos. You were great at making us understand.
@harshitchandel2880
2 жыл бұрын
ENOENT: no such file or directory, stat 'F: ew downloads\stuti\cMWpK8hk\build' i am getting this error please help
@harshitchandel2880
2 жыл бұрын
after npm run deploy
@jeffersonfernandes6520
2 жыл бұрын
me too
@jeffersonfernandes6520
2 жыл бұрын
Did you fix it?
@harshitchandel2880
2 жыл бұрын
@@jeffersonfernandes6520 not yet
@sebastianelustondo
2 жыл бұрын
Thanks you James, you help me a lot with this github pages!!
@ash__borne
2 жыл бұрын
Subscribed in less than 10 secs :)
@dominiclapitan8466
2 жыл бұрын
You are insane. Thanks so much brooooo
@JoshLearningFrontend
Жыл бұрын
Don't Quit Your channel, Your content are fantastic❤, please create regular content🙏
@JulietteReacts
3 жыл бұрын
This was super helpful and I love your style of teaching (and it's always nice to hear another Northern accent) ...but I'm having an issue. My gh-pages is just displaying my README. :( I'm guessing that has to do with it not finding my homepage?
@felixriddle
2 жыл бұрын
Make a tutorial to get your terminal design
@minhazrabbi531
2 жыл бұрын
Thanks a lot. ❤❤ I finally deployed my frist react app.
@zes3813
2 жыл бұрын
wrg
@YannCedrick
2 жыл бұрын
Thank you for the video. You deserve more subscribers
@sahinurislam7247
2 жыл бұрын
Thanks a lot sir, after watching more than 10 videos i got the right solution.
@ShravanKumar147
2 жыл бұрын
But the images are not loading?
@_.Mustafa._
2 жыл бұрын
ohh man !! Thanks a million. You saved my life.
@Saad1379
2 жыл бұрын
0:01 "World's greatest react app" 😀😀😀
@SarathChandran96
2 жыл бұрын
Superb presentation. quick and easy . very usefull
@nfireOSX
2 жыл бұрын
Thats very cool! My question: how to deploy an app with a database and link it? Can I do it in github pages or should I just rent a server with mysql installed or something?
@flux2956
2 жыл бұрын
DUDE!!! I am a beginner and this stressed me out for days!! Glad I bump into your video!! The other ones are super hard to follow but yours is AWESOME!! I LOVE YOU MAN!!!(No homo)
@Msterken1
Жыл бұрын
Good job, thank you for clean explanation and help.
@s7s_space
2 жыл бұрын
I can't see the images in my project why ? after publish and what the benefit from predeploy?
@shaneharris8363
2 жыл бұрын
Try setting the PUBLIC_URL to your GitHub page URL then use process.env.PUBLIC_URL + "/..." to reference your images.
@CompoFriend
2 жыл бұрын
Thanks for the excellent video it helped me & I deploy my first react app.
@andriikniaziev9242
Жыл бұрын
Thanks man, it works!
@CSEngineerInsider
Жыл бұрын
I love free content. Nice video love it
@RohanPaul-AI
2 жыл бұрын
This was tremendously helpful. Wish you all the growth in KZitem.
@s4studios379
3 жыл бұрын
While clicking npm run deploy . Its runs endless like a loop
Пікірлер: 231