惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The GitHub Blog
The GitHub Blog
J
Java Code Geeks
Engineering at Meta
Engineering at Meta
N
Netflix TechBlog - Medium
A
About on SuperTechFans
博客园 - 三生石上(FineUI控件)
罗磊的独立博客
MongoDB | Blog
MongoDB | Blog
B
Blog RSS Feed
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
有赞技术团队
有赞技术团队
T
Tailwind CSS Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Vercel News
Vercel News
腾讯CDC
博客园 - 聂微东
The Cloudflare Blog
F
Fortinet All Blogs
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
Visual Studio Blog
Last Week in AI
Last Week in AI
B
Blog

Maggie Appleton

The Dark Forest and Generative AI One Developer, Two Dozen Agents, Zero Alignment Gas Town’s Agent Patterns, Design Bottlenecks, and Vibecoding at Scale January 2026 | Maggie Appleton A Treatise on AI Chatbots Undermining the Enlightenment A Brief History & Ethos of the Digital Garden Vibe Code is Legacy Code May 2025 | Maggie Appleton Home-Cooked Software and Barefoot Developers Statistically, When Will My Baby Be Born? Speculative Calendar Events ChatGPT Would be a Decent Policy Advisor March 2025 | Maggie Appleton The Expanding Dark Forest and Generative AI Humanity's Last Exam Squish Meets Structure Common Misconceptions in AI Undetected AI Exam Answers Unbaited Smidgeons Growing a Human: The First 30 Weeks How to Import Academic Papers from Zotero into Tana December 2024 | Maggie Appleton Aesthetic Command Lines with Hyper, Spaceship, and Oh My Zsh Leaving Elicit July 2024 | Maggie Appleton A Short History of Bi-Directional Links The Pattern Language of Project Xanadu Assumed Audiences Ambient Co-presence
The JAMStack, Gatsby & Contentful
hareemixx ☾ · 2022-05-06 · via Maggie Appleton

If you’ve been keeping up with the sweetest new static-site generation tools, you’ll have heard of the JAMstack. And if you havent, don’t worry it’s a niche web developer thing - Jamstack WTF explains it pretty well.

The TLDR here is that combining JavaScript, APIs, and Markup (JAM) makes it easy to build sites that work well across all kinds of devices and data loading speeds. Which, like jam, makes everyone happy.

A stack of jam toast

Two popular tools for building JAMstack sites are Gatsby and Contentful . Gatsby is a framework for building the actual site, and Contentful is a Content Management System (CMS) - aka. where you stick all the images, text, and data.

Khaled Garbaya created a whole egghead course that walks you through hooking these two up

https://egghead.io/courses/build-content-rich-progressive-web-apps-with-gatsby-and-contentful?rc=272bjb

Here’s some notes I took while working through it…

Build progressive web apps with contentful and gatsby

The JAM stack is a new way to build web apps for speed and scalability. It uses JavaScript, APIs, and Markup.

These two work well together - contentful feeds the data into gatsby. You structure all your content inside contentful, which then goes into gatsby through the gatsby-source-contentful plugin.

We can create new pages for our site inside gatsby-node.js. The gatsby node API gives us a creatPage action

The full gatsby and contentful illustrated note

Want more illustrated notes on web development?

Take a look at JavaScript Bits You Skipped the First Time Around

JavaScript Bits You Skipped the First Time Around

Illustrated notes on advanced but fundamental topics in JavaScript , Speaking the GraphQL Query Language

Speaking the GraphQL Query Language

Illustrated notes on the basics of the GraphQL query language
or Fixing Common Git Mistakes

Fixing Common Git Mistakes

Illustrated notes on common mistakes people make in Git, and how to fix them