Static Site
Definition
A static site is a folder of files served exactly as they sit on disk: HTML documents, stylesheets, scripts, images and fonts. There is no database query, no template rendered per request, no application process waiting behind the scenes. A visitor asks for /about/, the server finds the matching file and returns the bytes. The site can still feel lively, because JavaScript running in the browser can fetch data, animate things and validate forms; the distinction is about where the page is put together, not how interactive it looks. Since the files do not change between one request and the next, they can be copied to machines all over the world and cached for a long time. That is the reason static hosting costs so little and falls over so rarely.
Why It Matters
The difference shows up in three places: cost, speed, and the number of ways the site can break. A static site has no runtime to patch, no connection pool to exhaust and no process to restart at three in the morning. Served from a CDN, the files sit a few milliseconds from most visitors, so a page that needed 800 ms from one server in Frankfurt can arrive in under 100 ms in Sydney. The trade-off is real: anything genuinely per-user — a private dashboard, a search over data the visitor alone may see — has to move into the browser or to an API elsewhere. For marketing pages, documentation, portfolios, event handouts and one-off microsites, that trade-off costs you nothing at all.
How It Works
You produce a folder. Inside it, index.html is what the server returns when somebody asks for the site root, and any sub-folder with its own index.html answers the matching path, so /docs/index.html serves /docs/. Every other file is fetched separately by URL as the HTML asks for it: link elements pull CSS, script elements pull JavaScript, img elements pull pictures. The server's entire job is to map a path to a file, set a Content-Type header, and reply 200 with the bytes or 404 when nothing matches. Cache-Control headers on those responses then decide how long browsers and edge caches keep their copy before checking again. No part of that chain runs code you wrote.
Real-World Example
A two-person design studio exports its portfolio as a folder of HTML, CSS and forty JPEGs, about 9 MB in total. They drag the folder onto 99helpers, pick a name, and the site answers at fold-studio.99helpers.site a few seconds later — no repository, no pipeline, no FTP client. A client asks for a different hero image, so they swap that one file and upload the folder again; the previous version stays in history in case the client changes their mind back. The whole site has one moving part: the folder.
Common Mistakes
- ✕Assuming static means unchanging — the pages are fixed, but the content can be updated any time by uploading a new folder
- ✕Building a per-user login into the HTML itself — anything in a static file is public to anyone with the URL, so secrets belong behind an API, not in the page
- ✕Opening the pages from the desktop with a file:// address and calling that a test — file:// resolves paths differently from a real server and hides the exact breakages publishing will expose
Related Terms
Static Hosting
Static hosting is a service that stores a folder of finished web files and serves them over HTTP, without running any application code of yours. You upload the folder; the host answers requests for the files in it.
Static Site Generator
A static site generator is a tool that turns content and templates into a folder of finished HTML files. Hugo, Eleventy, Astro, Jekyll and Next.js in export mode are the common ones.
index.html
index.html is the file a web server returns when a visitor asks for a folder rather than a named file. It is the default document for the site root and for every directory inside it.
Web Asset
A web asset is any supporting file a page pulls in once the HTML has arrived — stylesheets, scripts, images, fonts, icons, videos. The HTML is the page; the assets are everything it asks for next.
CDN
A content delivery network: a set of servers spread across the world that keep copies of your files and answer each visitor from somewhere close to them. It is the service; the machines it runs on are its edge network.
Put a file online in seconds
Drop in a document, an image, a page or a whole static website and share the link — free, with no build step and no server to set up.
Host a file free →