← Level 6 – Project lead

Lesson 3 of 8 ⏱ 35 minutes Premium

Hosting and Your First Deployment

Upload your website to the internet using GitHub Pages, and connect it to your domain.

Where will your website live

Hosting is the server where your website lives. For a static website (HTML, CSS, JS – exactly what you’ve been building), the best place to start is GitHub Pages: it’s free, reliable, and you already know Git.

Show me: deploying to GitHub Pages

  1. Push your project to GitHub (you already know how: git add ., git commit, git push).
  2. On GitHub, open your repository → Settings → Pages.
  3. Under “Source”, pick the main branch and the / (root) folder.
  4. Save it – within a minute, your website is running at your-name.github.io/repo-name.

Done. Your website is on the internet, and the whole world can see it. 🎉

Connecting your own domain

Got a domain from the last lesson? Let’s connect it:

  1. On GitHub: Settings → Pages → Custom domain → enter your domain.
  2. At your registrar, set up the DNS records (you’ll find them in the GitHub Pages docs):
    • a CNAME record for wwwyour-name.github.io
    • A records for the domain without www → GitHub Pages IP addresses
  3. Wait – DNS changes can take up to a few hours to spread across the world (usually just minutes).
💡

Have a website with its own server (a guestbook or a chatbot)? GitHub Pages only handles static pages – a server needs different hosting (e.g. Railway, Render; they have free starter tiers). The process is similar: you connect your repository and the service starts the server. You can still keep the static part of your website on Pages.

Now it’s your turn 💪

  1. Deploy your project to GitHub Pages following the steps above.
  2. Open your website on your phone (not on Wi-Fi!) – can you see it? That’s how the whole world sees it.
  3. Send the address to one person (a parent, a friend) and ask for feedback: what works, what feels off.
  4. If you have a domain, connect it and check that your website runs on your own address.
  5. Write down in LAUNCH.md: your website’s address and the date of your first deployment. That’s a historic moment!

Check: Your website is reachable from any device in the world – on your GitHub Pages address, ideally on your own domain. Someone other than you has seen it.

What to take away from this lesson