Your First Steps with Gatsby v2
Let’s explore GatsbyJS v2, the popular static site generator, by initiating a new simple blog.
Pagination in Gatsby Using gatsby-awesome-pagination
Learn how to add a simple pagination system to a Gatsby site using the gatsby-awesome-pagination plugin.
Using Airtable With Gatsby
Using Airtable as a datasource in a Gatsby project is easy to implement and incredibly powerful. Let’s explore how in this article.
Quick Guide to Using Gatsby’s useStaticQuery Hook
Here’s a quick and easy guide to using one of Gatsby.js’ built-in React hooks, useStaticQuery.
How To Boost SEO Using Gatsby’s SEO Component and Gatsby React Helmet
Search engine optimization (SEO) is the practice of making a website discoverable by this online audience. In this tutorial, you will configure Gatsby’s SEO component that comes with SEO tooling right out of the box. You will add meta tags to your site using Gatsby React Helmet.
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.
How To Use WordPress Content with a Gatsby.js Application
A new paradigm in WordPress is using it only for the content part of your site and using Gatsby.js to statically generate the frontend. By decoupling content from the user interface (UI), you can keep the content editor and collaborative features of WordPress, but also enjoy the faster load times and React-based UI ecosystem of Gatsby. In this tutorial, you will provision WordPress to talk to Gatsby and set up a new Gatsby project based on a starter template.
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.
Using Plugins in Gatsby
Gatsby’s plugin system provides a wide variety of useful helpers and tools. Let’s explore the basics of implementing them in your projects.
How To Use Themes in Gatsby
Themes in Gatsby refer to plugins that act as a collection of configuration options, functionality, and/or user interface (UI) elements. Separating out shared features into maintained themes makes keeping your site up-to-date easier, and also lets you spend less time configuring your site and more time developing your content. In this tutorial, you will install, configure, and use a Gatsby theme for publishing blog posts: gatsby-theme-blog.
