< Back to archive

Jamstacked Issue 5

JAMstack is fast (but only if you make it so)

Published: May 14, 2020

📮

 JAMstacked

#5 — May 14, 2020

✦ web version

Performance has been one of Jamstack's selling points since the start, but one could argue we often took it for granted that Jamstack sites performed better. That assumption was based upon serving static assets from a CDN, but it often overlooked aspects such as rendering in the client's browser or, more from a developer experience (but also cost) perspective, build performance. Lately, both those aspects of performance have been garnering a lot of attention.

— Brian Rinaldi

↘︎ What's good

Improved Next.js and Gatsby Page Load Performance with Granular Chunking
Granular chunking is now shipped by default in Next.js and Gatsby, which can improve build output by minimizing duplicate code and improve page load performance.

Houssein Djirdeh

JAMstack Is Fast Only If You Make It So
Jamstack promotes performance as one of its main benefits but the author notes that this can sometimes be undermined by pushing too much JavaScript to the client. Instead of leading with JavaScript, he suggests thinking of it as just the glue between the APIs and markup.

Nicolas Hoizey

Next.js 9.4 Released: The React Powered Site Building Framework
Just two months after 9.3 comes another major release that includes incremental static generation where static pages can be generated or re-rendered in the background as traffic comes in.

Vercel

Understanding Content Modeling in a Headless World
I explore why content modeling can be important in a Jamstack context, where headless content management systems rule, and some best practices for creating a content model.

Brian Rinaldi

Supercharge Your Bridgetown Site with Ruby Front Matter
Bridgetown, a Ruby-powered SSG, has added a very interesting new feature that allows you to write Ruby in your page front matter. So, for example, you can hit an API to grab data for the page.

Jared White

✂︎ Tools and Resources

  • Sitesauce - A new (paid) service that offers to automatically convert dynamic websites (e.g. WordPress, Ghost, Joomla, etc.) into static sites, and keeps content in sync.
  • Using Expo in Gatsby - A cool experiment for using React-Native-Web and Expo to embed React Native fully functional demos into posts in Gatsby using MDX.
  • Full Stack Radio 138: Tom Preston-Werner - Tom Preston-Werner talks about Redwood.js, a new full-stack JavaScript framework for building Jamstack applications.
  • The Changelog #393 - Kyle Matthews - Kyle shares the story of the 3 years it took making incremental builds possible.

❖ Tidbits

Static Hoisting
Static hoisting is presented as a concept where the static assets of your site are “hoisted to the edge” (i.e. a CDN) for maximum speed and availability.

Guillermo Rauch

Benefits of the JAMstack – From Buzzword to Business Ready
This is a very good overview of the benefits of the Jamstack but from a business-oriented perspective. If you’re looking to convince your boss to make the switch, this is worth a share.

Adam Griffith

Data Fetching with NextJS: What I learned
A detailed look at the new data fetching methods added in 9.3 and when and how to use them.

Maxime Heckel

How to Build a Blog with Next 9.3, Netlify, and Markdown
Learn how to build a Next.js-powered Markdown blog and deploy it to the Netlify platform.

Cassidy Williams

Yup, lots of Next.js in this issue due in part to some big recent releases. I hope you are all staying safe and healthy. If you have feedback on this newsletter or want to suggest an article, reach out on Twitter — Brian