What IS Static Site

Short introduction to Static Sites

A static website contains Web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor. The term "static" does not mean that your site has no dynamic capabilities. It simply means that that your site consists of a set of "pre-built" files (namely HTML, Js, and CSS files) that are directly served on request.

Build a Static Site

A static site is usually generated from a variety of sources like Headless CMS, Markdown files, Text files stored on the filesystem. There are many static site generators capable to build, manage and generate static content. We will mention only a few on this page:

Gatsby - powered by React, GraphQL, Webapack, tools for image optimization, SEO.
Eleventy - written in JavaScript. Works with HTML, Markdown, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, Pug, and JavaScript Template Literals.
Gridsome - Build blazing fast websites for any CMS or data with Vue.js

Samples

11ty Ethereal - open-source static site
11ty Soft Design PRO - Bootstrap 5 design Eleventy starter
11ty Material Kit PRO - Premium Bootstrap 4 Design

Resources

Static Website - the definition provided by TechTerms.com
What Are Static Sites - article published on Scotch.io
Static Sites - index provided and actively supported by AppSeed

PreviousWhat IS React NextWhat IS Svelte

Last updated 3 years ago

Was this helpful?