Gatsby CLI Quick Reference
Gatsby’s CLI is a critical tool for both the development and deployment processes. Here is a quick reference guide to help learn the available commands.
How To Create a Custom Source Plugin in Gatsby
A source plugin is a bundle of code that handles bringing data into the Gatsby ecosystem from a given source. Sources can be from the local filesystem as with Markdown files, databases, published data feeds, or even completely dynamic remote data sources such as APIs. In this tutorial, you will build your own custom source plugin to bring new data into Gatsby from a real-world API. You will also format the data so that it can be accessed throughout Gatsby.
Your First Steps with Gatsby v2
Let’s explore GatsbyJS v2, the popular static site generator, by initiating a new simple blog.
How To Deploy a Gatsby Application to an app platform
In this tutorial, you will deploy a Gatsby application to the cloud provider’s App Platform. App Platform is a Platform as a Service that builds, deploys, and manages apps automatically. When combined with the speed of a static site generator like Gatsby, this provides a scalable JAMStack solution that doesn’t require server-side programming.
Using the Gatsby Link Component to Navigate Between Pages
How to navigate between pages of your Gatsby website using the Link component, which makes it easy to style when the page is active or add state.
How To Generate Pages from Markdown in Gatsby
One of the key features of the popular static site generator Gatsby is its flexibility in consuming content sources. Markdown files are a popular file-based source to use with Gatsby. In this tutorial, you will create a Gatsby-powered static site that builds itself from local Markdown source files, using the gatsby-source-filesystem plugin to collect the files and the gatsby-transformer-remark plugin to convert them into HTML.
Making Gatsby a PWA: Service Worker and Web App Manifest
Let’s add offline support to your Gatsby site with the help of two plugins: gatsby-plugin-manifest and gatsby-plugin-offline.
How To Set Up a Gatsby Project with TypeScript
TypeScript is a superset of JavaScript that adds optional static typing at build time, which cuts down on debugging runtime errors. It’s static-typing abilities go well with a static-site generator like Gatsby, and Gatsby has built-in support for coding in TypeScript. In this tutorial, you’re going to use Gatsby’s built-in capabilities to configure a Gatsby project for TypeScript.
Images in Gatsby Using gatsby-image & gatsby-plugin-sharp
Here’s how to work with images in a Gatsby.js website. You’ll learn about how to use Sharp and the Gatsby image component for seamless responsive images.
How To Set Up Your First Gatsby Website
Gatsby is a React framework that allows you to create static and serverless JavaScript apps. In this tutorial, you will install the Gatsby Starter default template, modify metadata in the Gatsby config file, run the development server and view the Gatsby site locally, and get a short introduction to JSX and Gatsby’s image optimization capabilities.
