In this episode, you will learn about the Gatsby Image component and how it can be used to better process and display images on your Gatsby site. Properly loading and displaying images can be a pain to make sure you get right on your website. Gatsby makes it easy by providing an image component and some additional plugins. After watching this video, you will have your images loading efficiently with a nice blur up effect.
In this episode, we pick up where we left off last time and cover how to create lists of content on your Gatsby site by pulling data from a Drupal 8 website. You will learn:
- How to filter and sort your GraphQL queries using GraphiQL explorer
- How to create a list of your content
- How to break up your list page into subcomponents
In this episode, we learn how to set up your Gatsby website to pull data from Drupal. We will cover:
- Setting up JSON:API on your Drupal site
- Installing the gatsby-source-drupal plugin
- Configuring the gatsby-source-drupal plugin
- Use GraphiQL to view your Drupal data
- Load Article nodes using gatsby-node.js
- Create Article Template to pull in Article data
In this episode, we dive into components a bit more and learn about Layout components as well as create our own Header component. We also look at how to link between pages on your GatsbyJS website. This episode covers:
- Components and subcomponents
- Props in React
- The Gatsby Link component
The Drupal 8 Field Defaults module is a handy little module that allows you to bulk update the default values of a Drupal field. This is helpful if you have ever added a field to a content type or entity and wished you could have the default value apply to all the existing content on your Drupal site.
In this episode, we introduce the Daily Dose of Gatsby and walk through spinning up a new Gatsby site. We go over some important Gatsby concepts and files to provide an overview of how the Gatsby build process works. Some of the topics we cover in this episode include:
- Creating a new Gatsby Site
- Learning about JSX
- Overview of page components
Here is a link to the Gatsby Docs page on getting your development environment set up.
The Drupal 8 Allowed Formats module allows you to configure what text formats are available for each field. By default, all the text formats a user has permission to use are available for every field that uses text formats. Sometimes you want a field to have html, but have a more limited set of html tags. This can easily be accomplished by creating a new text format and using the Allowed Formats module to limit the field to using that text format.
The Drupal 8 Scheduler module allows content editors on your Drupal site to schedule the publishing or unpublishing of content at a specific date and time. It’s a very simple module to setup and use, and provides a great feature for your content editors that want content to go live at a specific time.
The Drupal 8 Quicklink module enabled faster subsequent page loads on your Drupal site. It does this by prefetching links during idle time. This means as you browse your Drupal site, this module will be pulling down the html for any links that are in the current view port. This makes the next page load much faster.
The module adds additional features and configuration options so you can fine tune the experience to fit your Drupal 8 site.