Home Page Icon
Home Page
Table of Contents for
Jumpstart Jamstack Development
Close
Jumpstart Jamstack Development
by
Jumpstart Jamstack Development
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
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Jumpstart Jamstack Development
Next
Next Chapter
Preface
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
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset