Do you use the best static site tech stack?
Last updated by Harry Ross [SSW] 4 months ago.See historyPure HTML pages are the fastest website around. However, server-side scripting languages enable richer functionality. Static sites solve this problem by providing the best of both worlds. Static sites are
- Cheap
- Easy to use
- Fast
On the other hand, complex functionality can be a bit more limited and time consuming to implement.
Here are some popular static site generators:
Name | NextJS (Recommended) | Gatsby | Astro | Scully | Gridsome | Jekyll |
---|---|---|---|---|---|---|
Language | React | React | Most major JS frameworks via islands | Angular | Vue | Liquid |
Data Handling | Fully customisable | GraphQL | Fully customisable | Fully customisable | GraphQL | Source code data files |
Data Sources | Fully customisable | Filesystems, CMS, APIs, Databases, Local files | Fully customisable | Fully customisable | Source Plugins, APIs, Local files | Local files |
GitHub Pages Integration | Requires setup | Seamless deployment via config files | Deployment via GitHub Actions | Deployment via GitHub Actions | Seamless deployment via config files | Works out of the box |
Decap CMS (formerly Netlify CMS) integration | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
Two examples of static sites in action are SSW People and SSW Rules.
There are a few hosting options to choose from including:
- Azure static web apps (recommended for small websites)
- Azure static storage (recommended for large websites)
- Cloudflare
- GitHub Pages
- Surge.sh