Your Website Is Built. Now Put It on the Internet.

A plain English guide to hosting - Vercel, Netlify, GitHub Pages, and how to use the provider you already pay for.

Website hosting gives your site a permanent, publicly accessible address on the internet. This guide covers every major hosting option - Vercel, Netlify, GitHub Pages, Cloudflare Pages, Render, and traditional European providers - with exact pricing and step-by-step instructions for each.

What Does Website Hosting Actually Mean?

Website hosting is the service that stores your site's files on a server that stays online 24/7, giving your site a permanent address other people can visit. Without hosting, your website only exists on your own computer.

Think of it this way: the code Claude built is the structure - the walls, rooms, and furniture. Hosting is the land it sits on. Without a land address, no one can find it.

Your laptop doesn't qualify as a host. It goes to sleep, travels between locations, and disconnects from Wi-Fi. A hosting provider's server doesn't. That permanent uptime is what you're paying for - and it's how every website on the internet works.

Which Hosting Platforms Are Best for Beginners in 2026?

The five most commonly recommended platforms for deploying a new website are Vercel, Netlify, GitHub Pages, Cloudflare Pages, and Render.

Platform Free Tier Paid Tier Best For
Vercel Yes - unlimited personal projects $20/month Auto-deploy workflows, portfolios, AI-built sites
Netlify Yes - 100GB bandwidth/month $19/month Same as Vercel; strong alternative
GitHub Pages Always free No paid tier Static sites with an existing GitHub account
Cloudflare Pages Very generous - unlimited bandwidth $20/month Speed-critical projects, European audiences
Render Yes - with limitations From $7/month Projects that may need a backend later

How Does Vercel Work for Hosting a Website?

Vercel is a cloud hosting platform that connects to your GitHub repository and automatically rebuilds and republishes your site every time you push a code change - usually within 30–60 seconds.

  • Connect your GitHub repository to a Vercel account (free to create)
  • Vercel detects your project type and configures the build automatically
  • Your site goes live at a free URL - for example, yourproject.vercel.app
  • Every future git push triggers a new deploy with no manual action required
  • Connect a custom domain (e.g., yourname.com) at any time - Vercel does not charge extra for this

Rollback feature: Every deployment gets its own unique URL. If a change breaks something, you can instantly revert to any previous working version from the Vercel dashboard.

Pricing: Free tier covers personal projects, portfolios, and small client sites with no time limit. Pro tier ($20/month) is required for commercial projects, higher traffic, and team collaboration.

How Does Netlify Compare to Vercel?

Netlify is functionally nearly identical to Vercel for most projects. Both platforms connect to GitHub, auto-deploy on every push, include SSL certificates, and support custom domains at no extra cost.

The free tier includes 100GB bandwidth per month and 300 build minutes. Paid plans start at $19/month.

When to choose Netlify over Vercel: If you encounter a sign-up issue with Vercel, or if you prefer Netlify's specific form-handling and edge function tools. For a portfolio, landing page, or brochure site, the end result is identical.

What Is GitHub Pages and Is It Free?

GitHub Pages is a free static site hosting service built directly into GitHub. There is no separate account or paid tier - if you have a GitHub repository, you already have access.

To enable it: go to your repository → Settings → Pages → select your branch → your site goes live at yourusername.github.io/projectname.

Limitation: GitHub Pages only works for static websites - sites built with HTML, CSS, and JavaScript only, with no server-side logic, databases, or backend processing. For portfolios, landing pages, and brochure sites, it is completely sufficient.

Is Cloudflare Pages Good for European Users?

Cloudflare Pages uses Cloudflare's global network infrastructure, which serves your site from the server geographically closest to each visitor. For a European audience, this typically means faster load times compared to US-based hosting.

  • Free tier includes unlimited bandwidth and 500 builds per month
  • Paid tier starts at $20/month
  • Setup follows the same GitHub-connect workflow as Vercel and Netlify

Best for: Speed-sensitive projects, and businesses already using Cloudflare to manage their domain - which is common across Germany, France, and the Netherlands.

Can I Host My Website With My Existing Provider?

Yes. If you already pay for web hosting, your existing plan almost certainly includes the ability to host a simple website - and you do not need to create a new account.

The most widely used hosting providers in Europe and globally include:

  • IONOS - German-founded, 6+ million customers worldwide
  • Hostinger - Lithuanian-founded, available in 150+ countries
  • SiteGround - Bulgarian-founded, widely used by non-developers
  • GoDaddy - the world's largest domain registrar, with hosting included
  • Namecheap - popular with freelancers, known for stable renewal pricing
  • Infomaniak - Swiss, privacy-focused, strong for DSGVO compliance

How to Deploy to Your Existing Hosting Provider

Step 1: In VS Code, ask Claude: "Build the final production version of this project." Claude will generate a folder called dist or build containing all compiled, deployment-ready files.

Step 2: Log into your hosting provider's control panel - typically called cPanel, Plesk, or a custom dashboard.

Step 3: Open the File Manager and navigate to your site's root folder. This is usually named public_html, htdocs, or a subfolder named after your domain.

Step 4: Delete any existing placeholder files (most providers install a default "coming soon" page). Upload the full contents of your dist or build folder - not the folder itself, the files inside it.

Step 5: Visit your domain. Your site is live.

What Are the Pros and Cons of Using My Existing Hosting Provider?

Pros

  • One invoice and one dashboard - everything in one place
  • You already know how the control panel works
  • Domain, email, and SSL certificate are usually included in your existing plan
  • No new platform to learn or troubleshoot

Cons

  • No automatic deploys - every code change requires a manual file upload
  • Rolling back means re-uploading previous files manually
  • Not suitable for web applications that require a backend or database
  • Some shared hosting plans have slower load times than cloud-native platforms like Vercel or Cloudflare Pages

Recommendation: If your site is a portfolio, landing page, or client brochure site that will not change weekly, your existing European provider is a practical and cost-free choice. If you plan to update the site frequently, or if it will grow into something more complex, Vercel or Netlify will save you time over the long run.

What Is the Full Workflow From Building to Publishing a Website?

Stage 1 - Build with Claude Code. Describe what you want in plain English. Claude writes the code, creates the files, and builds the site. No coding knowledge required.

Stage 2 - Save with GitHub. Every session, commit and push your changes. Every version is backed up. If Claude introduces a bug, you can roll back to a previous working state in two clicks.

Stage 3 - Publish with a host. Either Vercel or Netlify auto-deploys every push, or you manually upload your dist folder to your existing provider. Your site gets a permanent public address.

Hosting Checklist: How to Verify Your Website Is Live

  • Production build created (ask Claude: "Build the final production version of this project")
  • Hosting platform selected - Vercel or Netlify for automatic deploys, existing provider for simplicity
  • Site deployed and live URL confirmed in browser
  • Custom domain connected (optional - typically costs €10–15/year from any domain registrar)
  • Site tested on a mobile device
  • Site opened in a second browser or by a second person
  • Link shared with at least one person for feedback

Frequently Asked Questions About Website Hosting

What is the difference between a domain and hosting?

A domain (e.g., yourname.com) is your website's address. Hosting is the server that stores your website's files. You need both - most providers sell them separately, though many bundles include both.

Do I need to pay for hosting if my site is just a portfolio?

No. GitHub Pages is permanently free for static sites. Vercel and Netlify both offer free tiers that cover personal portfolios with no time limit.

What happens if I don't connect a custom domain?

Your site will be live at a platform-generated URL such as yourproject.vercel.app or yourusername.github.io. This works fine for testing and sharing, but a custom domain looks more professional for client-facing work.

Can I switch hosting providers later?

Yes. Because your code lives in a GitHub repository, you can deploy it to any platform at any time. Your files are not locked to any provider.