< Back to archive

Jamstacked Issue 35

Is this the third generation of Jamstack tooling?

Published: Jul 22, 2021

Your update on all things Jamstack

#​35 — July 22, 2021
✦ web version

The first generation of static site generators were pretty simple — they took static content files, combined then with template files and turned them into static HTML/CSS/JS files. The second generation were largely built upon JavaScript frameworks like React and Vue and did much more. They had tools to pull data from remote endpoints, manage data and state, split code into modules, asset management, plugins and much more.

These added features generally didn't come free though, as Jamstack apps, touted for their performance, could become bloated with JavaScript if the developer wasn't cautious. It's not yet clear whether the rising popularity of tools like Eleventy and Astro may represent a third generation of tools, but they are aiming to offer an interesting combination of the benefits of second generation tools with the lightweight output of the first.

— Brian Rinaldi

↘︎ What's Good

Discover Modern Web Development Tools and Trends
Whether you are an experienced or new Jamstack developer, this site is an outstanding reference resource you’ll want to save. It has detailed comparisons of an extensive list of SSGs, headless CMS, and deployment platforms.

Bejamas

Jamstack Hosting Platforms: The Underdogs
Hard to imagine companies the size of Cloudflare, Digital Ocean and Microsoft being described as underdogs, but they are definitely the less obvious options when it comes to Jamstack deployments.

Raymond Camden

A Look at Building with Astro
There’s been a lot of buzz recently about Astro. If you’re curious about it, this is a really good overview of all of the things that make it different and interesting. You can also check out this overview from Cassidy Williams.

Chris Coyier

✂︎ Tools and Resources

  • Eleventy Serverless - A talk recording by Zach Leatherman from the recent inaugural Eleventy Meetup.
  • Bridgetown 0.21.1 - This release includes Webpack 5 support, moves from Babel to ESBuild and more.
  • Hugo 0.86.0 - This release includes cascading config values and an easier way to identify the current menu item.

❖ Tidbits

Integrating Eleventy with GitHub Flat Data
Flat Data lets your GitHub repository download data from an API and store it in your repository on a scheduled basis. Ray shows how to set it up and use it in an Eleventy project.

Raymond Camden

Build Your Own Shop with the Shopify Storefront API, and Serverless Functions with Eleventy
The first in a series of posts exploring using the Shopify API to build a Jamstack ecommerce site. Phil uses Eleventy, but Ekene Eze shows how to use Gridsome.

Phil Hawksworth

How To Migrate From WordPress To A Headless CMS
This covers some of the reasons why you might want to make the move (although you can use Wordpress headless) and walks through making a migration to Storyblok.

Alba Silvente

Thanks for reading. Catch you next time — Brian