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.
|
|
|
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
|
|
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.
|
|
|
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
|
|
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
|
|
|