Free Hosting With GitHub Pages: Push Your Site Live
HTML-код
- Опубликовано: 28 авг 2024
- Join my premium 2024 bootcamp here learnwebcode.t...
Let's learn how to push our website live up onto the web. Since our simple website doesn't rely on any server-side languages (such as PHP, Python, Node, Ruby, etc...) we can use GitHub Pages for free, forever!
Playlist for this full series: • Brad's Bootcamp - Free...
Follow me for updates on new episodes:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316...
Twitch: / learnwebcode
How can I custom the url? Or do I need to buy a domain name still and how can I apply to GitHub pages?
If you don't like the URL / domain that GitHub Pages gives you, you'll need to purchase a domain through your favorite registrar company, but then yes, you can point it towards your free GitHub Pages site. Here's the GitHub instructions on how to do that: docs.github.com/en/github/working-with-github-pages/configuring-a-custom-domain-for-your-github-pages-site
The only thing that cant be free is the custom domain name like mysite.com but its only like 12dollars per year! While hosting is normally about from 60 to 350 for small sites!
@@LearnWebCode I looked at that and it’s too confusing. I have a new domain name, still not sure how to link it.
@@RaquelBaranow looks straight forward, did you change your DNS to match what GitHub specify?
Look at porkbun for domains they have some for 1$ a year
Before I keep going and watch the rest of the videos, I just wanted to tell you that you're literally making me get a job out of this. Started this journey a week ago learning HTML and CSS with a couple of tuts until I found your channel.
Now I'm developing a simple website for my friend's business and it's amazing!
I want to thank you for that!
Hows it going for u bro ?
I have watched several Github tutorial,you are so far the only one make it super clear and understandable.Big fan of your teaching style!
Your cats face in the thumbnail... Best thing ever 😂
I came for the cat
I'm really gratefull for this man existence and the content he produces. I occasionally talk about him to my family, imagine ! Brad doesn't know if I exist, and my family just care about my carrier.
From experience, I hate academic teachers. I always meprise the value they think they offer, I was always the one who, sometimes, make new things out of courses that the teacher never considered or found out.
But the way this man talks to an apprentice logical mind is, very rare.
I know you exist 🙂 Haha, thanks for the support and I'm glad you enjoy the content!
Believe me your video lectures are the best, please keep the good work going. Thanks for the knowledge shared.
Your way of explaining is way more understand able and very satisfying ☺️
I am definitely subscribing to this channel, this was the most simplest explanation ever. I just uploaded my first project. Thanks bro
you have talent in explaining things in a simple way, thank you, Brad
Woooow this was detailed, I’ve watched tons of videos but none was as good as yours. You’ve helped me put my website on the web and I’ll subscribe and also look for your course on Udemy.
Very descriptive and sooo much information. I was trying to get this going for 2-3 hours and after watching your video, I got it done! Thank you!
Best tutorial I've watched. Thanks so much for breaking it down so simply
I already purchased three-course of yours on Udemy. And you started this one! Really, I need a time table. Love the way you teach! You are my favorite!
Thanks for the support! The Udemy courses go more in-depth on a single topic, whereas this series is more of just the "birds eye view" of how all the different topics fit together.
@@LearnWebCode I am learning. I believe there is no limit to learn! Thanks a lot!
My first ever frontend sample site is now live! Thanks a lot man!
Loving this complete bootcamp series you r the best 👏
You're great and video is also pretty super! Where I know GitHub about 1 year since I started learning programming and I also know GitHub desktop app but I haven't used it before and didn't even know it offers free websites pages hosting. Thanks so much for the info. First comment and new subscriber on your channel.
Thanks for subscribing! Yep, GitHub Pages is amazing, and with the popularity of "Static Site Generators" nowadays... it means the only cost of hosting a simple site is just buying a cheap domain with another company and then configuring it with GitHub: docs.github.com/en/github/working-with-github-pages/configuring-a-custom-domain-for-your-github-pages-site
@@LearnWebCode Great! thanks, Sir so much again for guiding us doing amazing jobs. God bless.
you what is common between you n me
first yes, we both love javascript
second is our initials
Brad Schiff - BS
Bhavleen Singh - BS
Love from India
❤️ BS party 🥳
Nicely explained! This is without doubt what I've been looking for in the past month. Thank you so much.
Awesome video brother! You really saved me a lot of headaches with showing me how to use github pages for hosting a repository!!!!!
I really like how you teach stuff we actually need to know... i got to know you with your udemy course before adding u on RUclips
Your video is high quality and your explanation is very clear. Thanks
Great video! can't wait until next chapter! Thanks!
m'dude thank u bro, i've been tryna publish my own website for a while now
BTW, you can push changes in VScode too
Fantastic video, extremely well explained and easy to follow/understand. Many thanks
Thank you for this! I had an issue where my site wasn't showing up but entering a custom domain name in the pages section fixed it. Maybe I missed something. Great tutorial :)
Fantastic video, exactly what I was looking for! For some reason when I try to deploy my site from the master it will only display my readme file as a webpage. Strange. Edit: I changed my html file to index.html and that fixed it!
I am absolutely amazed. I've been paying for hosting, is it really this easy??? Only thing is I created my sites using a theme in Wordpress. If only I knew enough HTML to do this...
Ugh thank you so much this always confuses me but you made it simple and I alwas come back to this video!
you are the best one to explain anything💘
so easy to follow, thank you!!
God bless you for this.. You just saved me a lot of stress.. Thank you so very much 🙏
Dude, you are the best. Great tutorials.
Thanks, Brad. I like your teaching.
So, as far as I understand, we need the Git Desktop software if we want to update the site. Can we update it by replacing the file with a new one? We can publish files on GitHub, right? So, the software is optional?
I wonder: is there a size limit? Is the project added on the Desktop saved on the computer? I am not sure my laptop will handle that. I hope there is a cloud. Can we change the name file within the desktop tool?
hey,Brad I have recently completed your react course on udemy it the best course to learn react.
You are a great teacher!
Best teacher ❤️
Thank you so much Brad :D
Thank you for this amazing video. I have just published my portfolio step by step following your video. I'm not a programmer, I'm an eLearning developer and want to create my portfolio. So I have a question about security, Is there anything I should be aware of when publishing my portfolio, it just includes info about me, some samples, and articles later on.
very informative video helped me a lot, thank you
Thanks Brad!
Great content! Keep up the amazing work.
Am I the only one who is strugglling with publishing ? :D I do everything you said but I don't get my link, where is the problem ?
I DO NOT have the GITHUB PAGES section... :( not sure why. Can you help? Thank you!
For the longest time I keep having this problem when I create an html project and I post it to github I can never host the site properly. I follow all the steps and go to get hub pages select master/main branch and click the github io link and I either get the 404 error or the white page.
bro same problem. did you solve it?
@@aishwarya_jamdade yeah you got to your main html page named as index.html.
@@dariusthurman8835 what do you mean??
I am doing your course from udemy . So there is a problem of push when i am finally doing heroku master.It says heroku cannot detect buildpacks what to do ??
Hi, Thanks for this in fact all of your coding tutorials. I have a question, if you can answer. The questing is, does github pages allow my google ads to put on these free hosted sites?
Dude.... I love you!!!! tysm
Hey Brad, as of current times would you be inclined to prefer using tools such as Netlify compared to Wordpress ?
Thank you!!!! - Would you happen to have this exact same process for a React project?
Very well explained! Thank you
Thank you for the video really helpful. I noticed that the change at 12:41 did not show up in my github, could it be because of updates?
Thanks that helped a lot
Brad you are ♥️ always
i dont see github pages option!
Thanks so much for teaching!
I think the most difficult part of frontend development is JavaScript.pls do more tutorial on this topic that's related to web development.
I agree, JavaScript is the hardest part by far. In Chapter #2 (Programming) I have both a "Dog Slideshow" project planned where we pull dog data and images from an API and display them as a slideshow, and also a simple "Math Game" project powered by JavaScript.
@@LearnWebCode will you cover this from scratch?
Thank you so much!
There can be a situation wherein one has to format one's PC or the OS just crashed. In such a scenerio, how to restore a local WordPress from a github backup or WordPress backup? can we still log in using the same credentials. I mean how do I add content to the same github site that was connected to the local wordpress before the pc had a crash. To be more specific, I mean how do we go about the database, log in and most importantly, how do I make sure that my previous posts are not lost or the permalinks are not hampered.
My page is not displaying the Source selection guys... How do I locate the source to active the GitHub?
Please Please Please. provide support for your paid courses. Your a great teacher but the wordpress course has so many question are left unanswered
im looking for a tutorial to force DNS to a minecraft server (not sure if thats right, simply put github page link send you to the minecraft server)
Can this also be used to test ajax or only for static pages? Thx.
thank you so much!!!
Hello, Brad I am trying to complete your Full Scratch Javascript course but have run into a major barrier. I have left messages for you on the Udemy comments but you never answer them. What does it take to get you to pay attention to your users???
my photos didnt' load with my page.. not sure why? followed you step by step.
Nice tutorial! 🥰
but when i click on the link to my website in git hub it says that, 'GitHub Pages are temporarily down for maintenance', then i got a 404 error... I wonder when i can view my web😖...
Same thing happens to me too and idk how to fix it
same :(
It's probably because your repository name is too long, shorten it and see what happens. It worked for me thankfully.
Hi, Chat and Host. Question: I don't see the GitHub Pages select option. Can someone help me out pls and Thx you. 5/22/2023. Anything after 6/1/2023 please... Don't comment or write and I do thank you for your time in this matter.. Just trying to control or limit the amount of emails will be coming into my inbox.. Thanks again team!!!
Thanks , well explained
I got a little problem at the part of Github pages
Thanks, man
But do we need to buy a domain
You are doing great
Wow just amazing ❤️❤️❤️
Is this for a dynamic website or a static one
How about to upload a html file every single 15 mins to Github? Is there a FTP like most of domain environment?
can we monetize such github pages?
Week one under the belt........... =) 1vid./day ....
6:40 is the starting point.
Thank you sir!!!
I tried it right now.. and it's not working
Thank you again
For some reason I keep getting '404 File Not Found'
Thank you!!
Hey Brad ! Hope you are well in these difficult times. I have followed this video of yours, step by step, but when I click the link for my website to view in a browser it shows the following error code. I have been jumping from page to page and make sure I am not missing anything. Could you please help me out.
404
File not found
The site configured at this address does not contain the requested file.
If this is your site, make sure that the filename case matches the URL.
Hi! I'm doing well and hope you are too. If you check the main overview page for your repository on GitHub, does it contain a file named "index.html" and can you double check that it is spelled exactly that way including lowercase letters? Also, you might try pushing a minor change up to GitHub just to give it another chance to trigger the process of publishing it on GitHub Pages.
Thank you very much
It's possible to publish php based website? with database?
Does it host php and mariadb?
i did everything like you did but for some reason its not working when i click on the link
Do you mean the link that GitHub gives you on the settings page for your "GitHub Pages" url? Maybe try pushing a small change to your repo to give it another chance to update. Or you can try a hard refresh on your page's url (hold shift key while clicking reload icon). Or I have seen before that with a brand new repo, not always, but it can sometimes take about 10 minutes before your site url starts working.
@@LearnWebCode I changed the repo name to my username and it worked
Millionaire Teacher
After I go to my repository's settings and change it to the main branch and save, after I then click on the published link, i get a 404. HELP!
It might take a few minutes, and you might try pushing a small change / new commit to trigger it to try again. Also, do you have a file named "index.html" for it to find?
@@LearnWebCode hmmm why do i need to have a file named index.html? My html files in my repository can have its own custom name right?
@@LearnWebCode Hello, what is the purpose of having a file name index.html? And does there need to be anything within this file?
@@cryptosauce_ its the thing(index.htm) that browsers look for loading up the website. Its a standard practice
Hey Brad, do you ever visit your Udemy courses and answer questions? I don't see a single reply from you?
Just saw a couple of your questions in Udemy; will answer the others later tonight! Have a good one.
@@LearnWebCode You have 1130 questions unanswered in the wordpress course. I think if you decide to abandon the support to a course can you atleast provide source code and directions so we can see the working code.
When brad answers a question to a Udemy course its a solar eclipse it doesn't happen very often but when he does it's a sight.
@@alexlytle089 Hahaha. Me too have some questions/pending but they are always minor ones. Almost 99.99 % of his courses work smoothly with no issues and they are crystal clear. He is the best instructor on the Universe not only the Udemy!. I have taken all his courses except Wordpress for beginners.
nice
Hahah, this video is sponsored by... me!
How can it be free if I have to sign up for GitHub Pro for $4.00 a month?
Don't sign up for the Pro version, the Free plan is more than enough for just about everything unless you're working with a development team for big clients/projects.
@@LearnWebCode is github available in pakistan or asia countries?
Great
Do you know to create like smallseotools.com website in wordpress
Just curious to know, could I host a wordpress site on github
No, it's only host front end without any database
As Bir Singh mentioned, you can only host front-end code on GitHub pages. However, there are all sorts of "Static Site Generator" projects that can take your local copy of WordPress, even if you have thousands of pages, and automatically generate HTML files which GitHub Pages could host. That would actually be ideal from a page-load speed and security standpoint, but you'd lose any interactivity (user registration, comments, etc...). I'll cover more about these topics in the "Servers" chapter 🥳
@@LearnWebCode Thankyou Sir
@@birsingh5388 Thanks Bir Ji
Why allow comments if you don't even respond?