< Back to archive

Jamstacked Issue 10

Frameworks with Jamstack

Published: Jul 23, 2020



#10 — July 23, 2020

✦ web version

There is an interesting debate starting to surface in the Jamstack community over our use of frameworks like React. It seems to be bubbling under the surface at the moment, but as two posts this week on the topic show, it's perhaps gaining some momentum. It's been spurred on, if unintentionally, by the emergence of 11ty as a popular SSG option.

Prior to 11ty, the only options for a JavaScript developer were framework-based, with the other popular SSG options using Ruby and Go (though I think the language the tool is built in is overrated as a requirement). 11ty ends up offering JavaScript developers an option for a framework-less frontend that gives them the opportunity to question when a framework is useful for a project and when it might be overkill.

— Brian Rinaldi

↘︎ What's good

Your Blog Doesn’t Need a JavaScript Framework
Perhaps a bit controversial, but, in explaining why he chose 11ty over Gatsby, Iain argues that developers often overcomplicate sites, adding heavy frameworks where none is needed. Ben Holmes makes a similar case in this post. Personally, I’d argue this goes well beyond blogs - frameworks are important and serve a useful purpose, but developers seem to default to using one rather than determining whether the requirements demand one.

Iain Bean

Learn How to Add Subscriptions and Protected Content With Stripe
A detailed tutorial for adding subscription management tools and displaying content based upon a user’s subscription status, built with 11ty, Netlify Identity and the Stripe API.

Jason Lengstorf

How to Handle Forms on Your Jamstack Website?
Form handling is a ubiquitous requirement of any site, but there are a lot of options when it comes to Jamstack sites. This post breaks them down into different categories of solutions and even offers a table with key features and pricing to compare.

Daniel Woloszyn

JAMStack Design Pattern Emerges to Radically Rethink Application Platforms
A brief report that is interesting in that it is targeted at company, IT, and engineering leadership rather than developers and aims to explain the growing Jamstack adoption, explain its benefits, and establish its place in the development ecosystem.

Tom Petrocelli

Creating a Gatsby Site with WordPress Data
A detailed walkthrough with a step-by-step process for creating a Gatsby site that connects to the Wordpress API for structure and content. You can find part one of this series here.

Ganesh Dahal

✂︎ Tools and Resources

❖ Tidbits

How To Add Image Processing to Your Hugo Website and Improve Performance
Images can contribute enormously to overall page bloat, but Hugo can manage images as assets and properly size and compress images based on the needs of the page. This post shows how.

Alex Lakatos

Introducing Component Adapters into a Gatsby Project
How to use component adapters to separate logic from presentation in a Gatsby project.

Sean C Davis

How to Create a Dynamic Rick and Morty Wiki Web App with Next.js
A good tutorial for getting started with Next.js and deploying to Vercel by building a fun wiki site.

Colby Fayock

Next.js OAuth with NextAuth.js
A tutorial showing to use NextAuth.js, a library implementing OAuth in a Next.js application, and connect it to enable sign-in with Google.

Koji Mochizuki

As always, I welcome feedback or link suggestion via Twitter. Stay safe and healthy! — Brian