10 static site generators to watch in 2021

1

GatsbyJS

Built using React, it supports writing content in MDX so that JSX and React components can be embedded into markdown, but also aims to remain easy to learn and use by providing sensible defaults and the ability to override if the developer has need. Recently releasing a major update with Docusaurus 2 beta, many of its principles were inspired by Gatsby but it is more focused and aims to be easier to use and be more approachable for content authors.

#CMS #Blogging #Blogging Platform 13 social mentions

2

Next.js

With tighter coupling between the framework and hosting platform than others on this list, Next.js has required some additional development by hosting providers to support some of its features compared to the more portable and platform agnostic tools. On the Netlify platform, this is provided by the Essential Next.js plugin which is automatically installed for Next.js projects.

#Developer Tools #Web Framework #JavaScript Framework 901 social mentions

3

Nuxt.js

Many consider Vue to be more approachable and have an easier on-ramp than React, which makes tools like Nuxt.js a popular choice (of course, this is subjective, and may depend on your experience and taste). I for one have found that, and have also enjoyed how it makes things like transitions and animations readily available to me via its transitions component, which I found fit my mental model more readily than some alternatives.

#Static Site Generators #Developer Tools #Javascript UI Libraries 149 social mentions

4

Jekyll

Perhaps most conveniently described as Jekyll implemented with JavaScript rather than Ruby, Eleventy has now moved beyond that while retaining a clear and simple on-ramp, and only shipping to the browser what you tell it too. As with Jekyll and Hugo, no JavaScript frameworks are auto-baked in.

#CMS #Blogging #Blogging Platform 178 social mentions

5

Hugo

Perhaps most conveniently described as Jekyll implemented with JavaScript rather than Ruby, Eleventy has now moved beyond that while retaining a clear and simple on-ramp, and only shipping to the browser what you tell it too. As with Jekyll and Hugo, no JavaScript frameworks are auto-baked in.

#Static Site Generators #Blogging #Blogging Platform 351 social mentions

6

Gridsome

Gridsome is a Vue.js-powered framework for building static generated websites & apps. Leading with the phrase “fast by default”, Gridsome generates an HTML and also a JSON file for every page of your site and then uses progressive enhancement to add some client-side utilities to give you things like link pre-fetching based on the when links come into view, code splitting, image lazy loading and more.

#Static Site Generators #Blogging #CMS 21 social mentions

7

Docusaurus

Built using React, it supports writing content in MDX so that JSX and React components can be embedded into markdown, but also aims to remain easy to learn and use by providing sensible defaults and the ability to override if the developer has need. Recently releasing a major update with Docusaurus 2 beta, many of its principles were inspired by Gatsby but it is more focused and aims to be easier to use and be more approachable for content authors.

#Documentation #Documentation As A Service & Tools #Static Site Generators 190 social mentions

8

Eleventy

The popularity of Eleventy is difficult to measure on the web, since by design, it is transparent and unobtrusive, leaving no signature in the sites it generates. However, anecdotally (and observed within the Netlify build infrastructure) we are seeing Eleventy gain momentum particularly among parts of the web development community interested in performance and retaining complete control over their site output. (Google’s Chrome Dev Summit and web.dev sites are good examples).

#Video Downloader #Blogging #Static Site Generators 35 social mentions

While seemingly less fashionable in some web development circles today, Angular is still hugely popular and influential in the enterprise space. And Scully delivers SSG capabilities to those building with Angular. It works by analyzing your Angular application to determine its routes and generating pre-rendered entry points for each one.

10

SvelteKit

SvelteKit can create sites to be served by serverless functions, or can pre-generate the entire site. And its hybrid approach and focus on serverless backends makes it an interesting project to watch as we see the boundaries of Jamstack sites developing.

#Application And Data #Languages & Frameworks #Frameworks (Full Stack) 80 social mentions

11

vite.biz Vite.biz

So let’s sneak this last one in. Not strictly speaking purely an SSG, but tooling for a similar purpose, Vite is another open source project from the brain of Evan You (along with a healthy set of hundreds of contributors). Its goal is to provide a faster and leaner development experience for the web.

#Employee Engagement #Employee Performance Management #Employee Feedback