Publish Your HTML Website for Free 🌐
Learn how to host your HTML website online for free using GitHub Pages and set up a custom domain if desired.

SuperSimpleDev
2.6M views • Apr 10, 2022

About this video
Learn how to put a website online on the Internet for free with GitHub Pages (using a free GitHub Pages domain name). Learn how to buy and set up a custom domain name (like "mywebsite.com"). Learn how to set up HTTPS SSL encryption for free.
Sample website you can practice with:
https://github.com/SuperSimpleDev/github-pages-example
Namecheap:
https://namecheap.pxf.io/jeDGga
If you purchase a domain using my affiliate link above, a small amount goes to support this channel. Thanks!
DNS instructions for other domain registrars:
https://supersimple.dev/internet/dns-records
DNS lookup tool (IPv4): https://mxtoolbox.com/DNSLookup.aspx
DNS lookup tool (IPv6): https://mxtoolbox.com/IPv6.aspx
Why we set up www subdomain: https://www.yes-www.org/why-use-www/
Reference: https://supersimple.dev/internet/github-pages
Exercises and solutions: https://supersimple.dev/courses/github-pages-course
HTML & CSS Full Course: https://youtu.be/G3e-cpL7ofc
JavaScript Full Course: https://youtu.be/DqaTKBU9TZk
GitHub Pages Docs: https://docs.github.com/en/pages/getting-started-with-github-pages
🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️)
Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
React Premium Course: https://courses.supersimple.dev/courses/react
JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript
HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css
⭐️ More in-depth videos, secrets of my channel, work-in-progress courses:
Membership: https://www.youtube.com/@SuperSimpleDev/join or https://member.supersimple.dev (10-20% OFF USD price)
0:00 Intro
0:24 1. Put a website on the Internet
3:34 Upload our code to GitHub
7:02 How GitHub Pages works
8:24 Add an index.html
10:51 2. Set up a domain name
12:34 Get a new domain name
15:37 How the Internet Works
18:51 Set up DNS A Records
21:55 Find the IP addresses of GitHub Pages
24:00 Set up www subdomain with CNAME Record
26:07 Link our domain name in GitHub Pages
27:31 Set up HTTPS for free in GitHub Pages
29:05 Thanks for watching!
Note for YouTube: there are NO paid promotions in this video. This video is not sponsored by Namecheap. I recommend them solely based on my own positive experience using their product and I share my affiliate link. I did not accept anything of value from Namecheap to make this video.
#html #webhosting #learntocode #webdev #webhost #javascript #javascripttutorial #css #websites #htmltutorial #internet #online #domainname #dns #csstutorial #softwareengineering #webdevelopment #webdeveloper #webapp #frontend #backend #coding #supersimpledev
Sample website you can practice with:
https://github.com/SuperSimpleDev/github-pages-example
Namecheap:
https://namecheap.pxf.io/jeDGga
If you purchase a domain using my affiliate link above, a small amount goes to support this channel. Thanks!
DNS instructions for other domain registrars:
https://supersimple.dev/internet/dns-records
DNS lookup tool (IPv4): https://mxtoolbox.com/DNSLookup.aspx
DNS lookup tool (IPv6): https://mxtoolbox.com/IPv6.aspx
Why we set up www subdomain: https://www.yes-www.org/why-use-www/
Reference: https://supersimple.dev/internet/github-pages
Exercises and solutions: https://supersimple.dev/courses/github-pages-course
HTML & CSS Full Course: https://youtu.be/G3e-cpL7ofc
JavaScript Full Course: https://youtu.be/DqaTKBU9TZk
GitHub Pages Docs: https://docs.github.com/en/pages/getting-started-with-github-pages
🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️)
Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
React Premium Course: https://courses.supersimple.dev/courses/react
JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript
HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css
⭐️ More in-depth videos, secrets of my channel, work-in-progress courses:
Membership: https://www.youtube.com/@SuperSimpleDev/join or https://member.supersimple.dev (10-20% OFF USD price)
0:00 Intro
0:24 1. Put a website on the Internet
3:34 Upload our code to GitHub
7:02 How GitHub Pages works
8:24 Add an index.html
10:51 2. Set up a domain name
12:34 Get a new domain name
15:37 How the Internet Works
18:51 Set up DNS A Records
21:55 Find the IP addresses of GitHub Pages
24:00 Set up www subdomain with CNAME Record
26:07 Link our domain name in GitHub Pages
27:31 Set up HTTPS for free in GitHub Pages
29:05 Thanks for watching!
Note for YouTube: there are NO paid promotions in this video. This video is not sponsored by Namecheap. I recommend them solely based on my own positive experience using their product and I share my affiliate link. I did not accept anything of value from Namecheap to make this video.
#html #webhosting #learntocode #webdev #webhost #javascript #javascripttutorial #css #websites #htmltutorial #internet #online #domainname #dns #csstutorial #softwareengineering #webdevelopment #webdeveloper #webapp #frontend #backend #coding #supersimpledev
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
2.6M
Likes
78.4K
Duration
29:37
Published
Apr 10, 2022
User Reviews
4.8
(524) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.
No specific trending topics match this video yet.
Explore All Trends