Table of Contents

Jumpstart Jamstack Development

Foreword

Contributors

About the authors

About the reviewers

Preface

Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Download the color images

Conventions used

Get in touch

Reviews

Chapter 1: History of the Jamstack

The evolution of the Jamstack

HTML

Server-side includes

The Common Gateway Interface

Forms

Web page preprocessors

Content Management Systems

WordPress

Ajax

JavaScript frameworks

The rise of the cloud

High-speed access

The rise of the Jamstack

The Jamstack acronym explained

Jamstack advantages

Our Jamstack

GatsbyJS

Sanity.io

Netlify

Getting started with the Jamstack

Installation

Prerequisites

Summary

Chapter 2: Introduction to Sanity

Technical requirements

Account setup

Introduction to Sanity.io

What is GROQ?

Creating a project

Introducing Sanity Manage

Sanity.io project pages

Sanity Studio overview

Navigation

Summary

Chapter 3: Exploring Sanity Studio

Technical requirements

Modifying the example author

Modifying the existing author

Creating an additional author

Removing and adding articles

Removing example articles

Creating a new article

Modifying the website settings and redeploying the website

Setting the website name

Redeployment through Netlify

Summary

Chapter 4: Sanity Configuration and Schemas

Technical requirements

Modeling content with schemas

Cloning the project

Exploring the project's folders

Schema relationships

A one-to-one relationship

A one-to-many relationship

Extending, modifying, and deploying the schema

The event schema

The venue schema

The schema file

Deploying the schema

Summary

Chapter 5: Sanity's GROQ Language

Technical requirements

Why GROQ?

Installing Vision

GROQ versus SQL

Basic queries with GROQ

Selecting all events

Selecting all upcoming events

Selecting all past events

Selecting upcoming virtual conference and non-virtual conferences

Selecting specific event fields

Selecting specific fields from relationships

Advanced GROQ

Getting events by venues

Formatting the response

Count result

Summary

Chapter 6: Sanity's GraphQL Playground

Technical requirements

An introduction to GraphQL

Deploying the GraphQL API

Basic GraphQL syntax

GROQ versus GraphQL

GraphQL playground basics

Query parameters

Summary

Chapter 7: Gatsby – An Introduction

Technical requirements

Gatsby, built on React

Gatsby basic project structure

gatsby-config.js

dotenv

Key Gatsby files

Gatsby folders

The gatsby develop command

Summary

Chapter 8: Gatsby and GraphQL

Technical requirements

GraphQL in GatsbyJS

GraphiQL, a GraphQL navigator

Summary

Chapter 9: Gatsby Source Plugins

Technical Requirements

Understanding plugins

Node Package Manager

Semantic versioning

Installing a package from npm

Searching, installing, and configuring plugins

The Gatsby Plugin Library

Searching for a plugin

Installing and configuring the gatsby-source-filesystem plugin

Installing and configuring the gatsby-transformer-remark plugin

Installing and configuring the gatsby-source-drupal plugin

Summary

Further reading

Chapter 10: Building Gatsby Components

Technical requirements

React components

Tag convention

Understanding the types of components

Gatsby page components

Gatsby template components

Gatsby partial components

Summary

Chapter 11: APIs – Extending Gatsby

Technical requirements

Introduction to APIs

Gatsby – APIs

Creating a Netlify form

Configuring a token form in Sanity

Configuring a Netlify function

Summary

Chapter 12: APIs – Alexa Skills

Technical requirements

Alexa skill life cycle

Skill interface

Skill service

Creating the skill

Configuring the skill through the skill interface

Build

Code

Test

Summary

Chapter 13: Tying It All Together

Technical requirements

Gatsby.js layout modifications

Introducing Tailwind CSS

Installing the Tailwind CSS framework

Using the Tailwind CSS framework

Improving and formatting the event list

Preparing for deployment

Cleaning up the code

Toggling the venue visibility

Summary

Chapter 14: Deployment Using Netlify and Azure

Technical requirements

Introduction to Netlify

Netlify plugins

HTML Minify

Advanced configuration through the netlify.toml file

Netlify deployment via the command line

Azure Static Web Apps deployment

Static web app creation

Static web app continuous deployment

Summary

Chapter 15: Conclusion

Summary of concepts

The Jamstack's future

Jamstack, JAMstack, and JAM Stack

The Jamstack community resources

Contributing to Jamstack projects

Contributing to Sanity

Contributing to Gatsby

Contributing to Netlify

Final thoughts

Why subscribe?

Other Books You May Enjoy

Packt is searching for authors like you

Leave a review - let other readers know what you think

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
44.202.183.118