Domains & Hosting

Domains & Hosting Explained

Two of the most confusing concepts for website beginners — explained clearly, with a step-by-step guide to getting your first site online.

What is a Domain Name?

A domain name is your website's address on the internet — the text people type into a browser to reach you, like mybusiness.com or yourname.co.uk. Every website has a unique domain.

You don't technically "buy" a domain — you rent it annually from a company called a domain registrar. As long as you keep paying the renewal fee (typically £8–£15/year for a .com), the domain is yours. Stop paying and someone else can register it.

A domain has two parts: the SLD (Second-Level Domain — your chosen name, like "webgrade") and the TLD (Top-Level Domain — the extension, like ".com", ".co.uk", ".io"). For most businesses, .com remains the most trusted and recognisable choice.

Domain Registrar Recommendations

  • Cloudflare Registrar — sells domains at cost price with no markup. Best value, clean interface, free privacy protection.
  • Namecheap — well-established, competitive pricing, reliable.
  • Google Domains / Squarespace Domains — simple and reliable, slightly more expensive.
Tip: Avoid registering your domain through your hosting provider. Keeping them separate means you can switch hosts easily without domain complications.

What is Hosting?

Hosting is the service that stores your website's files on a server — a powerful computer connected to the internet 24/7 — and makes them accessible to anyone who visits your domain. Without hosting, your website only exists on your local computer.

Think of it this way: your domain is your address, and hosting is the actual building. You can have an address without a building, but nobody can visit. You need both.

How DNS Works

DNS (Domain Name System) is what connects your domain name to your hosting server. When someone types your domain, their computer asks a DNS server "where does this domain live?" The DNS server responds with an IP address (like 104.21.55.34), and the browser connects to that IP to load your site.

When you set up hosting, your host gives you "nameserver" details (like ns1.yourhost.com). You log into your domain registrar and update your domain's nameservers to point to your host. This change can take up to 48 hours to fully propagate (spread across all DNS servers worldwide) — though it's often much faster now.

Alternatively, you can keep your registrar's nameservers and just add DNS records (like an A record pointing to your host's IP address). Both approaches work.

Types of Hosting

⚡

Static Hosting

Serves pre-built HTML, CSS, and JavaScript files directly — no database, no server-side processing. Extremely fast, free on most platforms. Best for: portfolio sites, landing pages, documentation, and static blog sites.

Best for beginners
🏠

Shared Hosting

Your site shares server resources with hundreds of other websites. Cheap (£2–£8/month) but performance can be inconsistent. Best for: small WordPress sites with low traffic, simple informational sites.

Budget option
🖥️

VPS Hosting

Virtual Private Server — you get a dedicated portion of a server. More consistent performance and control than shared. Typically £15–£50/month. Best for: growing businesses, high-traffic sites, custom server setups.

For growing sites
🗂️

Managed WordPress

Hosting optimised and maintained specifically for WordPress — automatic updates, backups, and security. Typically £15–£40/month. Best for: WordPress sites that need reliability without technical management.

WordPress-focused

Free Hosting Recommendations for Beginners

For static sites (HTML/CSS/JS files with no database), these platforms are free, fast, and deploy from GitHub in seconds:

  • Cloudflare Pages — Unlimited bandwidth, fast global CDN, generous free tier. Connect your GitHub repo and every push auto-deploys. Our top recommendation.
  • Netlify — Industry standard for static sites. Free tier includes custom domains, HTTPS, form handling, and 100GB bandwidth/month. Deploy via Git or drag-and-drop.
  • Vercel — Similar to Netlify, excellent for modern JavaScript frameworks. Instant deploys, great for React/Next.js projects too.
  • GitHub Pages — Host directly from a GitHub repository. Free, simple, reliable. Limited to public repos on the free plan.

Step-by-Step: Getting Your First Site Online

Here's the complete process from zero to live:

1

Build your website locally

Create your HTML, CSS, and JavaScript files on your computer. Test everything works in your browser by opening the files directly.

2

Register a domain

Go to Cloudflare Registrar or Namecheap. Search for your desired domain name, check availability, and register it. Keep the login details safe — you'll need them.

3

Create a free Netlify account

Sign up at netlify.com. You can deploy by dragging your project folder directly onto the dashboard — no technical setup needed.

4

Deploy your site

In Netlify, click "Add new site" → "Deploy manually" → drag your project folder. Netlify gives you a free URL like yoursite.netlify.app to test with immediately.

5

Connect your custom domain

In Netlify, go to Site Settings → Domain management → Add custom domain. Enter your domain name. Netlify will give you DNS records to add at your registrar.

6

Update DNS at your registrar

Log into Cloudflare or Namecheap and add the DNS records Netlify provided (usually nameservers or a CNAME record). Wait up to 48 hours for propagation.

7

Enable HTTPS

Netlify automatically provisions a free SSL certificate via Let's Encrypt once your domain is connected. Your site will be served over https:// automatically — nothing to configure.

8

Submit to Google

Add your site to Google Search Console and submit your sitemap.xml. This helps Google discover and index your pages faster.

Total cost: Just your domain registration (typically £8–£15/year). Hosting is free on Netlify's free tier for most small sites. Your site can be live within an hour of starting.