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

Static Site - Soft UI Design System
​

Resources

Last modified 5mo ago