< Back to archive

Jamstacked Issue 22

Reframing how you view Jamstack

Published: Jan 21, 2021

Your update on all things Jamstack

#22 — January 21, 2021
✦ web version

Earlier this week, Cassidy Williams shared a great tweet on how she really understood what a big deal Jamstack is when she changed the way she thought about it. This has been on my mind recently as well. I feel many developers don't "get" Jamstack at first because they're used to a more traditional mindset where a page is generated or content is loaded in response to a user request.

The pre-rendering step takes a bit of a mind shift forcing developers to think about what content on a page can be pre-rendered before it is requrested and what content must be pulled client-side. Add in SSR, edge handlers and other new innovations and the story becomes more difficult to untangle at first. But, like Cassidy, I've found that once I reframe how I look at a problem, there is hardly anything a Jamstack site cannot do.

Brian Rinaldi

↘︎ What's Good

Pick the Best Static Site Generator for 2021
I wrote this guide filled with advice on choosing an SSG and a look at some of the top options including Next, Eleventy, Gatsby, Nuxt, Hugo, and Jekyll.

Brian Rinaldi

Netlify Edge Handlers
Edge Handlers are a new feature availanle in early access. Chris walks through how they work, what they can be useful for, and a simple example of one.

Chris Coyier

Three Ways to Render Server-Side Components with Eleventy
How to use template includes, template shortcodes or pre-rendered JavaScript components to gain the benefits of modularized code without adding a frontend framework to Eleventy.

Sean C Davis

Accessing Eleventy Data on the Client Side
One of Eleventy’s powerful features is how easy it is to generate content at build time off of data files, but what if you need to make the data accessible to client side JavaScript?

Raymond Camden

✂︎ Tools and Resources

  • TheJam.dev (virtual conference) - I am hosting this two-day Jamstack virtual conference next week, featuring an impressive list of 20 speakers.
  • Trio - A new JavaScript-based static site generator that isn't tied to a frontend framework and requires minimal configuration.
  • Payload - A new headless CMS that is "self-hosted" and built with Express, React and GraphQL. Production deployment requires a license.
  • Docusaurus 2020 Recap - A look back at all of the recent updates to Docusaurus 2, which should come out of alpha soon.
  • Our stack is HTML and CSS (The Overflow Podcast) - An interview with Vercel CEO and co-creator of Next.js, Guillermo Rauch.
  • Getting Started With Next.js (Ladybug Podcast) - An overview of Next.js and its capabilities for both pre-rendering as an SSG and SSR.

❖ Tidbits

GraphQL and The Jamstack
I take a look at how the story of these two technologies became intertwined with the rise of React-based frameworks, in particular Gatsby.

Brian Rinaldi

How to Build a Static API with Gatsby
Part of his series on building static APIs, this post looks at using Gatsby and whether it is well-suited for this specific purpose.

Sean C Davis

imgix Hugo Module
Imgix is image manipulation and optimization service which can be integrated with Hugo using this open source Hugo Module.

Regis Philibert

Gatsby vs. WordPress: Marketers Overview
A good overview from a marketing rather than a technical perspective. A useful resource to share with the folks who will be the content editors on the site you’re creating.

Gerald Martinez

Thanks for reading. Catch you next time — Brian