GitHub Pages Deploy & Domain
HTML-код
- Опубликовано: 1 фев 2025
- In this video we will use the gh-pages npm module to easily deploy any frontend app or website to Github pages. We will do a static site and a React app. I will also show you how to connect a domain name.
Sponsor: DevMountain Bootcamp
goo.gl/6q0dEa
Github A Record IPs:
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
Get Domains Cheap: Please use affiliate link :)
namecheap.pxf....
Git Crash Course:
• Git & GitHub Crash Cou...
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Courses
www.traversymed...
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia
Thanks for the b-day wishes guys :) I also wanted to mention this is the docs page where I got the 4 IPs. I realized I did not really explain that - help.github.com/articles/setting-up-an-apex-domain/
Hi Brad, Thanks for the awesome videos. Please make a video on how to deploy Django app on digitalocean and set domain emails please it is my startup built on Django but I am facing some issues with it please i really need it :'( :'( :'( :'(
Happy birthday Brad🎂, love and respect from India 🇮🇳
Thanks a lot Brad, the content you make is brilliant. I've been developing now for 5 months, and I've learned so much from your videos and your courses. It's so key to have a mentor, someone you can learn from and I'm glad I found you. If there's anyone here considering buying one of his courses on Udemy - go for it! They're fantastic too.
Thanks Brad for the walk-through!!! Your way of explaining things is really easy to understand. Cheers!
Not enough people know about the awesome GitHub pages. Glad to see others are sharing too :), especially from different perspectives and different tools.
Struggling a lot to publish my work on GitHub pages. Index.html was not detecting by default then I found this video where you explained as always neat and cleanly.Finally I am able to publish my JS work aam-himel.github.io/color-clock-js/ .Thanks a lot. Keep making videos!
5:06 after some debugging, I want to comment that if you have assets in sub-folders (and you usually will), they won't load correctly unless you omit the project name (i.e., everything after the backslash) from the homepage element. This worked because everything was in the root directory.
First off Happy Birthday Brad and thank you so much for making this video I been wondering how to properly host Angular on GitHub using gh-pages this video is really helpful! Keep up the work here!
I feel like you're stalking me. There have been so many times at this point where I'm working on a project and you upload a video featuring technologies I'm working with. You're awesome. Also, happy belated birthday! :)
thanks man you made my web development career so much easier . I am a self taught developer .so i have to struggle many a times and your video let me go through..
Thank you Brad, this is exactly what I was looking for. And I really enjoy your teaching style!
2 years late, but that Momentum extension is next level!
Great tutorial Brad. I ❤️ gh-pages myself. It's great for static sites, and of course React projects 😎👍
This video solved so many of my questions before!!! Its title totally underestimates the contents. It should be: GitHub Pages, Deploy, Domain Config, CNAME, package.json script explained....
Hello! You appear to be the most recent person to comment on this video. How would I publish an internal link on a successfully published website on github?
Happy birthday Brad from Ivory Coast. Thanks for what you do for us
thank you very much @traversy media you help me a lot with your tutorials. I wish you continue to build and create tutorials for newbie like me. more subscribers and videos to come. Kudos!
brad's intro: titing titing titing ting ting ting titing... developer's world: yayyyyyy new gift's here on youtube
If I may make a suggestion, can you also provide time-stamps for easy reference to different parts of your videos. Thanks! Great video!
Thanks, yes that would be nice. Ill keep that in mind
Happy birthday Brad 😀
Thanks man :)
Traversy Media have a great year :) and keep changing our lives with your videos ! :)
you are the best teacher ever!
HBD Brad 🎂🎁 wish you the best in all your upcoming years. We wanna see more of your videos 😍 and hopefully you get the time to make a video on Google Maps API or maybe real-time tracking app course, that ought to be interesting. Best of luck 💙
Happy Birthday, Brad! Excellent insights.
Hi Brad. As usual a very solid and useful guide. Thank you, sir!
Happy Birthday Brad and thank you for everything.
🎂 Happy birthday Brad, i have much learning programming in your channel! Respect from Indonesia God Bless, Jah Love
Happy Birthday Brad! Thank you for the tutorials
Happy Birthday man! Appreciate the content!
Happy Birthday Sir. May God bless you and your family. And thanks for these awesome tutorials.
hay, i'm Daniel from indonesia, thank you very much, this tutorial is very helpful for me and i have successfully to deploy to my github page
That's ideal for portfolio pages... and it doesn't matter that there is no backened, I can always connect to a dockerized backend on, say, DigitalOcean... awesome!!!
Thanks a ton!
This tutorial is gold to me
Wish u many more happy returns of the day Brad.
Happy birthday Brad. Wishing you and your family long and happy life
Happy Birthday, Brad...You are amazing
This channel is the best and this video is awesome!! Thanks man
Excellent video. One question. Where did you get the IP addresses you used on 10:28? Thank you.
Also, happy birthday Brad! :)
Sorry I should have explained that. I got it from the docs here - help.github.com/articles/setting-up-an-apex-domain/
No worries, thank you.
Just search on google “github custom ips”
Thank you Brad! Timely as I was just looking into putting my portfolio site up somewhere.
I can't thank you enough brad...by the way, wishing you a wonderful happy birth day!
🎂 🎂🎂🎂 ... Happy Birthday Brad!!!! Best wish to you and your family!!!!
Amazing, the best tutorials on the web. Thank you Brad
Hey , happy birthday Brad! Hope you get an amazing year ahead.
You should atleast give yourself a day off to celebrate.
Actually yesterday was my bday. I still worked though lol :)
Happy Birthday sir 💐💐
And also thanks a lot for sharing knowledge. You are an inspiration for me.
Happy Birthday Brad, with love, from Iran ✌️
Happy birthday Brad. Love from Nigeria
THANK YOU SO MUCH!!
very nice bro, thks for make video and your best instructions for deploy in the github pages
Happy belated birthday T, much love and respect king👑
Sorry for being late,but Happy Birthday Brad.I wish you and your family luck and happiness. )))
Happy Birthday from Indonesia sir ! :)
This is just what I needed. Thank you!
Happy Birthday Brad, I hope you go ahead make helpful video like this more :>
Awesome video, your explanation is really good. Thank You!
What an awesome tutorial! Thank you Brad, surely will try it out :)
Happy birthday brother! Virgo power!
Happy birthday, Sir !
Love and respect from India
😊
happy birthday brad more love to you
Thanks Brad!......and Very Very happy birthday ....
Another great video! Hope you had a great birthday!
Thanks for this amaizing video! You inspired me to create Pages in GitLab with one of my projects. :)
Thank u for this awesome informative video and H'py B'DAY Brad
Awesome tutorial Brad. Can't thank you enough!
Thanks for this tutorial, it Will help me alot, i was looking at this type of tutorial, actually i'm preparing myself for a jamstack hackathon, hope i Will be ready at time since it Will start on the 27 of october, two days of code
Happy birthday Brad, wishes much more years to come. And May GOD improve your work, and protect your family. 👪
This was perfect timing for me, thanks for help!
Happy birthday Brad, love from India. I would also prefer for starters to go and pick their domain for free on freenom.com for testing rather than purchasing a real one at first. Freenom, has all those short TLDs so you can test first.
Happy Birthday Brad !!!!!!!
Happy Birthday Brad!!
Happy birthday Brad, I hope you are having a wonderful day
Super ! Hello from France 🎅
Thanks a lot dude... as a newbie, deployed svelte hello world after hours of trying lmao
4x speed => 5:21 video time. Win!!
happy birthday Brad!! 😄
Happy birthday Brad.
💞🎆🎉🎂
happy birthday brad !!
Happy b-day Brad, best wishes :)
superb man , you saved my day...
Netlify is really good, Never tried git pages. Right now both are free, but i expect these companies will charge for hosting so many front end apps eventually
Awesome Vid brad!
Quick question to the community, in the event you want to update let's say your published portfolio site on gh-pages after going through the crash course. how do you go about doing that?
Also, Shout-outs to Brad on the EarthDay
Happy birthday 🎂 Brad 🎂 😃
Thanks for your tutorial, but I'm a little confused about how can I push my code to gh-pages branch, cause when I check outing gh-page branch to push local repo, there's an error occurred(adding embedded git repository.)
Thank you, Brad.
How about a tutorial for react/typescript combo? (interfaces, stateful/stateless components, HOCs, redux/thunk/saga with it)?
Thanks for the tutorial!
Happy birthday GOAT
Nice vid and happy birthday :D
Happy Birthday Brad! :)
Happy birthday to you... my teacher
Thank you
Happy birthday Brad. Have a great one. Love from Pakistan 🇵🇰
Happy Birthday...Wish you a great life, and May God always be with you. 😊
And yeah, my birthday is also in this month. 😁
Thanks for this very explanatory video. When we update the deployed files locally, is there a short way to update the GitHub Page of the project? Or do we just push these files first master branch, and then run command again? And for React the case, does the process must be like so: run first , then push the changes to master branch and then to update the GitHub Page?
Thanks Brad! That was very helpful.
thank you for this magnific video
Yet another video Brad 🤩
Happy birthday Brad😁
Happy birthday Brad! :D
Thanks a lot Brad. Great video, saved lot of time.Just one question..
How do we upload any code changes to gh-pages branch from VSCODE directly ?
thanks a lot for the help was very good and helpful
Thank you for this video! I was able to make it work!
Happy birthday Brad.
You help me so much! God bless you!
hey guys, if you want to try the same process to host React github page to a namecheap domain, remember to take out your "/RepositoryName" from the end of the "homepage" property of package.json before build/deploy. Otherwise you would get a blank page in your host even though it works fine in your github page URL.
Happy Birthday sir!