Return to The Jamstack Book, Jamstack Bibliography, Jamstack Courses, Jamstack, Awesome Jamstack

Why Jamstack?

• 1.1 What is the Jamstack?
• 1.2 A brief history of Jamstack
  • Jamstack The rise of static site generators
  • Jamstack From static sites to JAMstack ** [[JAMstack to Jamstack

• 1.3 The benefits of Jamstack architecture
  • Jamstack Performance
  • Jamstack Security
  • Jamstack Cost

• 1.4 When Jamstack may not be the right choice

• 1.5 Popular sites built with the Jamstack
  • Jamstack Smashing Magazine
  • Jamstack Nike
  • Jamstack Impossible Foods
  • Jamstack Restaurant Brands International (RBI)
  • Jamstack Digital.gov

• 1.6 What you’ll learn in this book

2 Building a basic Jamstack site

• 2.1 Working with Eleventy
  • Jamstack Creating your first Eleventy site
  • Jamstack Working with template languages
  • Jamstack Adding layouts and includes
  • Jamstack Using collections in your Eleventy site
  • Jamstack Working with data

• 2.2 Let’s build Camden Grounds

• 2.3 Going further with Eleventy

3 Building a blog

• 3.1 Jamstack Blogging with Jekyll

• 3.2 Your first Jekyll site

• 3.3 Writing a Jekyll post
  • Jamstack A liquid refresher

• 3.4 Working with layouts and includes
  • Jamstack Layout inheritance
  • Jamstack Using includes

• 3.5 Creating additional files

• 3.6 Working with data

• 3.7 Configuring your Jekyll blog

• 3.8 Generating your site

• 3.9 Building a Jekyll blog

• 3.10 Going further with Jekyll

4 Building a documentation site

• 4.1 Requirements of a documentation site
  • Jamstack example site requirements

• 4.2 Choosing the right tools
  • Jamstack What is a headless CMS?
  • Jamstack Headless CMS options
  • Jamstack Why Netlify CMS?
  • Jamstack Static site generator (SSG) options
  • Jamstack Why Hugo?

• 4.3 Building the example site
  • Jamstack Installing Hugo
  • Jamstack Creating a new Hugo site
  • Jamstack Setting up the Hugo Book theme
  • Jamstack Installing Netlify CMS
  • Jamstack Modeling content in Netlify CMS
  • Jamstack Deploying to Netlify
  • Jamstack Configuring GitHub for authentication
  • Jamstack Configuring Netlify for authentication
  • Jamstack Editing content as an admin
  • Jamstack The open authoring workflow
  • Jamstack Simplifying the open authoring workflow

• 4.4 What’s next?

5 Building an e-commerce site

• 5.1 Requirements of an e-commerce site
  • Jamstack example site requirements

• 5.2 Choosing the right tools
  • Jamstack What is headless e-commerce?
  • Jamstack Headless e-commerce options
  • Jamstack Why Commerce.js?
  • Jamstack Static site generator options
  • Jamstack Why Next.js?

• 5.3 Getting set up to build the example e-commerce site
  • Jamstack Setting up Next.js
  • Jamstack Setting up Commerce.js
  • Jamstack Setting Next.js environment variables
  • Jamstack Loading the Commerce.js SDK

• 5.4 Building the Jam Store e-commerce site
  • Jamstack Creating the product listing component
  • Jamstack Building the product listing
  • Jamstack Building the Product Detail page
  • Jamstack Enabling add-to-cart functionality
  • Jamstack Building the shopping cart
  • Jamstack Adding Markdown content

• 5.5 What’s next?

6 Jamstack Deployment

• 6.1 Web servers—The tried-and-true way

• 6.2 Cloud file storage providers
  • Jamstack Amazon S3
  • Jamstack Other cloud file storage hosting options

• 6.3 Azure Static Web Apps

• 6.4 Deploying with Vercel

• 6.5 Deploying with Netlify

7 Adding dynamic elements

• 7.1 Forms, forms, and more forms
  • Jamstack Using Google Forms
  • Jamstack Integrating FormCake
  • Jamstack Other Form options

• 7.2 Adding search
  • Jamstack Searching with Lunr
  • Jamstack Other Search options

• 7.3 Other dynamic options

8 Working with serverless computing Serverless Jamstack - Jamstack Serverless

• 8.1 What is serverless computing?

• 8.2 Building serverless functions with Netlify
  • Jamstack Adding serverless computing to Camden Grounds
  • Jamstack More on Netlify functions

• 8.3 Building serverless functions with Vercel
  • Jamstack Vercel serverless function
  • Jamstack Vercel functions with dynamic path support
  • Jamstack Adding serverless functions to Camden Grounds

9 Adding a content management system

• 9.1 Types of headless CMSs
  • Jamstack Pros and cons of Git-based headless CMSs
  • Jamstack Pros and cons of API-based headless CMSs

• 9.2 Exploring popular headless CMSs
  • Jamstack Contentful
  • Jamstack Sanity
  • Jamstack Defining a content model using Sanity

• 9.3 Using WordPress
  • Jamstack Installing WordPress locally with Local
  • Jamstack Installing the Gatsby plug-ins for WordPress
  • Jamstack Setting up Gatsby
  • Jamstack Exploring Gatsby’s data layer
  • Jamstack Consuming WordPress content in Gatsby
  • Jamstack Using WordPress as a headless CMS

• 9.4 Connecting a CMS using a site builder
  • Jamstack WeWeb
  • Jamstack Strattic
  • Jamstack Stackbit

• 9.5 What’s next?

10 Migrating to the Jamstack

• 10.1 What kind of site are you migrating?
  • Jamstack Content-heavy sites
  • Jamstack Web applications
  • Jamstack Large sites

• 10.2 What functionality do you need to migrate?
  • Jamstack Popular third-party Jamstack services

• 10.3 Making the move
  • Jamstack Don’t move everything at once
  • Jamstack Pick a headless CMS up front
  • Jamstack Consider building templates from scratch rather than porting
  • Jamstack Keep as much as possible

• 10.4 What’s next?

• Jamstack Book Index

Fair Use Sources:

• The Jamstack Book on DuckDuckGo
• B09YS45H5H (JamStkBk 2022)