What IS Static Site

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
Static Site - Soft UI Design System
​
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

What IS React

What IS Svelte

Last modified 1yr ago

Copy link

Outline

Build a Static Site

Samples

Resources