GatsbyJS

By shane
2019-09-08 12:02
[comment_count]
Daily Dose of Drupal Episode #5

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.

By shane
2019-09-07 19:35
[comment_count]
Daily Dose of Drupal Episode #4

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:

  1. How to filter and sort your GraphQL queries using GraphiQL explorer
  2. How to create a list of your content
  3. How to break up your list page into subcomponents
By shane
2019-09-06 10:03
[comment_count]
Daily Dose of Drupal Episode #3

In this episode, we learn how to set up your Gatsby website to pull data from Drupal. We will cover:

  1. Setting up JSON:API on your Drupal site
  2. Installing the gatsby-source-drupal plugin
  3. Configuring the gatsby-source-drupal plugin
  4. Use GraphiQL to view your Drupal data
  5. Load Article nodes using gatsby-node.js
  6. Create Article Template to pull in Article data
By shane
2019-09-05 19:02
[comment_count]
Daily Dose of Drupal Episode #2

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:

  1. Components and subcomponents
  2. Props in React
  3. The Gatsby Link component
By shane
2019-09-03 08:56
[comment_count]
Daily Dose of Drupal Episode #1

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:

  1. Creating a new Gatsby Site
  2. Learning about JSX
  3. Overview of page components

Here is a link to the Gatsby Docs page on getting your development environment set up.

Subscribe to GatsbyJS