< Back to archive

Jamstacked Issue 40

A new era of Jamstack tools

Published: Sep 30, 2021

Your update on all things Jamstack

#​40 — September 30, 2021
✦ web version

With the release of Gatsby 4 and the forthcoming release of Nuxt 3, we seem to be entering a new era of Jamstack tools, and a growing differential between many traditional static site generators (SSG) and many of the newer, JavaScript-based tools.

Gatsby and Nuxt now support new rendering modes like server-side rendering (SSR) and incremental static regeneration (ISR) and distributed persistent rendering (DPR) (with Gatsby's deferred static generation (DSG) we now have 3 terms and acronyms to describe essentially the same thing). These were already supported in Next.js. Eleventy is also introducing SSR via its Eleventy Serverless plugin.

Things are changing fast for sure. We're a long ways from when Jamstack meant static. This doesn't mean more traditional SSGs like Hugo or Jekyll don't still have a place (I personally still love and use Hugo regularly) but the gap is definitely widening.

Brian Rinaldi

↘︎ What's Good

Gatsby 4, Now in Beta
Version 4 introduces some major new features that seem to specifically target Next.js. These include deferred static generation (DSG) – yes, yet another term for what we already call ISR and DPR – server-side rendering and parallel query processing. Obviously, you can run Gatbsy 4 on Gatsby Cloud but Netlify also announced support for DSG and SSR.

Gatsby

Nuxt 3 is on the Horizon
Nuxt 3 is expected to be released in less than two weeks and, among other big new features, it includes support for serverless SSR and incremental static regeneration (ISR).

Ben Hong

Three New Next.js Features and How to Use Them
Speaking of incremental static regeneration (ISR), AWS Amplify recently added support for this as well as optional catch-all routes and image optimization. This guide walks you through how to set them up and use them.

Ali Spittel

✂︎ Tools and Resources

  • Jamstack Conf – We're just a week away from Netlify's Jamstack Conf. Registration is free for the main conference (workshops are paid).
  • Astro from the Ground Up – Get started using Astro with Cassidy Williams on October 14 at 1pm ET (GMT-4) at this free session.
  • Jekyll + Tailwind + Netlify – A new Ruby gem that will allow you to use Tailwind via PostCSS in your Jekyll sites.
  • Astro REPL – Curious to try Astro? You can now try it directly in the browser without installing anything using its new WASM compiler.

❖ Tidbits

Improving the Accessibility of Your Markdown
Some good tips to improve the accessibility of your Markdown. Much of this applies just as well to HTML as it would to Markdown, especially the second half talking about images and links.

Eric Bailey

Creating a (Manual) Related Posts Feature in Eleventy
A simple way to define a relationship between posts in the post frontmatter and display related posts.

Raymond Camden

Cloudflare Images: Cloud-Based Image Hosting and Resizing
Cloudflare Images is now out of beta and generally available. Their big pitch is no egress costs but they also offer resizing and optimizing on the fly.

Cloudflare

Loading WordPress Posts in Next.js
Connecting a WordPress backend with WPGraphQL installed to a Next.js frontend.

Chris Bongers

Thank you for reading. I'll catch you next time — Brian