Skip to content

Hosting Your Solution

Before submitting your solution, you need to host it online so reviewers can interact with it. We recommend connecting your hosting provider to GitHub for automatic deployments—every time you push changes, your site updates automatically.

Table of contents

  1. Recommended Hosts
  2. GitHub Pages
  3. Vercel
  4. Netlify
  5. Other Accepted Hosts
  6. Troubleshooting

Recommended Hosts

We recommend GitHub Pages, Vercel, or Netlify. All three are free, connect to GitHub, and automatically deploy when you push changes.

| Host | Best For | | --- | --- | | GitHub Pages | Simple HTML/CSS/JS projects | | Vercel | React, Vue, Next.js projects | | Netlify | Any project type |

GitHub Pages

  1. Push your project to a GitHub repository
  2. Go to repository Settings > Pages
  3. Under "Source," select your branch (usually main)
  4. Choose the folder / (root)
  5. Click Save
  6. Your site will be live at https://username.github.io/repo-name

Future pushes to your repository will automatically update your live site.

Vercel

  1. Go to vercel.com and sign up with GitHub
  2. Click "New Project"
  3. Import your GitHub repository
  4. Vercel auto-detects your framework and configures settings
  5. Click "Deploy"
  6. Your site is live with a .vercel.app URL

Netlify

  1. Go to netlify.com and sign up with GitHub
  2. Click "Add new site" > "Import an existing project"
  3. Select your GitHub repository
  4. Click "Deploy site"
  5. Your site is live with a .netlify.app URL

Other Accepted Hosts

These hosting providers are also accepted for submissions:

  • Cloudflare Pages (.pages.dev)
  • Render (.onrender.com)
  • Surge (.surge.sh)
  • Firebase (.firebaseapp.com, .web.app)
  • GitLab Pages (.gitlab.io)
  • Fly.io (.fly.dev)

Troubleshooting

Images not loading?

Use relative paths (e.g., ./images/logo.svg) and check that capitalization matches exactly.

Site works locally but not deployed?

Check the build logs for errors and make sure all files are committed to your repository.

Getting an "invalid domain" error when submitting?

Make sure you're using one of the accepted hosting providers listed above.

Once your site is live, copy the URL and submit your solution on Frontend Mentor.

PreviousThe Challenge Brief Explained