Home›Hosting›Guide

How to Upload an HTML Website to Netlify

Deploy a static site with separate HTML, CSS and JavaScript files and diagnose missing styles.

Quick answer

Deploy a static site with separate HTML, CSS and JavaScript files and diagnose missing styles.

Step-by-step instructions

  1. Step 01

    Confirm your website folder contains index.html at the root and any assets/ subfolders referenced by the HTML.

  2. Step 02

    Make sure relative paths match actual case-sensitive file names, including uppercase extensions.

  3. Step 03

    Sign in to Netlify and choose the correct existing project if your domain is already attached.

  4. Step 04

    Use the project's supported manual deploy flow to upload the publish folder; follow current Netlify UI guidance for drag-and-drop.

  5. Step 05

    Wait for the deployment to finish and test the new netlify.app version first.

  6. Step 06

    Visit multiple links such as /blog.html and /articles/example.html; verify CSS, images and JavaScript load.

  7. Step 07

    If a ZIP is not accepted by the current UI, extract it and upload the containing folder rather than uploading a folder with index.html buried inside another folder.

  8. Step 08

    After the temporary URL works, connect the domain or redeploy to the domain's existing project.

  9. Step 09

    Use browser refresh/incognito to detect old cached assets after deployment.

Before you finish: important checks

  • HTML files are not executed by WordPress unless you install or embed them in an appropriate setup; static hosting is a separate route.

Common problems and fixes

  • Netlify 404 after deploy? Check published directory contains index.html at its root.
  • Missing images? Check file paths and case, then inspect browser network errors.

Frequently asked questions

Do I need paid hosting for a modest static site?

A supported free tier may be sufficient within provider limits.

Keep this in mind

WordPress, hosting and AI interfaces change. Check the service's current documentation before changing billing, domain DNS, security or important site settings. Rayhan Studio publishes educational help, not guaranteed results.