CSS-Tricks Presents
The Power of Serverless
for Front-End Developers


Static Site Generators

Rather than having a database in production, these tools build the site into flat files.

Logo for Eleventy

Eleventy is a simpler static site generator in Node.js.

Edit this
Logo for Gatsby

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

Edit this
Logo for Gridsome

Gridsome is a Vue.js-powered modern site generator that makes it easy and fun for developers to create beautiful JAMstack websites & PWAs that are fast by default.

Edit this
Logo for Harp

The static web server with built-in preprocessing. Harp serves Jade, Markdown, EJS, CoffeeScript, Sass, LESS and Stylus as HTML, CSS & JavaScript—no configuration necessary.

Edit this
Logo for Hexo

Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

Edit this
Logo for Hugo

Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.

Edit this
Logo for Jekyll

Transform your plain text into static websites and blogs.

Edit this
Logo for Jigsaw

Jigsaw is a PHP static site generator using Laravel's Blade templating engine, Markdown for content-driven pages, and Laravel Mix allowing you to compile your CSS and JavaScript assets the same way you're used to in Laravel.

Edit this
Logo for Metalsmith

An extremely simple, pluggable static site generator in Node.js.

Edit this
Logo for Middleman

Middleman is a static site generator in Ruby using all the shortcuts and tools in modern web development.

Edit this
Logo for Next.js

With Next.js, server rendering React applications has never been easier, no matter where your data is coming from.

Edit this
Logo for Nift

Nift is a cross-platform open source framework for managing and generating websites.

It's lightning fast, developed from the ground up in C++, and released for free under the MIT license, use it for any of your personal or commercial projects!

Edit this
Logo for Nuxt

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.

Edit this
Logo for React Static

React-Static is a fast, lightweight, and powerful progressive static site generator based on React and its ecosystem. It resembles the simplicity and developer experience you're used to in tools like Create React App and has been carefully designed for performance, flexibility, and user/developer experience.

Edit this
Logo for Sapper

Sapper is an application framework powered by Svelte — build bigger apps with a smaller footprint

Edit this
Logo for Scully

Scully is an SSG toolchain for Angular projects, making it possible to build extremely fast Angular websites and apps with Angular.

Edit this
Logo for Stackbit

Stackbit isn't a static site generator in itself, but rather a really clever and useful service for spinning up a new site using your choice of static site generator, theme, CMS, and git service. Just minutes to spin up a new JAMstack site.

Edit this
Logo for SvelteKit

SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.

Unlike single-page apps, SvelteKit doesn't compromise on SEO, progressive enhancement or the initial load experience — but unlike traditional server-rendered apps, navigation is instantaneous for that app-like feel.

Edit this
Logo for VuePress

VuePress is composed of two parts: a minimalistic static site generator with a Vue-powered theming system, and a default theme optimized for writing technical documentation.

Edit this