Content in gatsby

Manipulating Gatsby Page Context with onCreatePage

Adding additional context to a page is a supported part of calling createPage . This field is often used to pass a simple identifying piece… 

Read more...

gatsby

Constructing Query Types in Themes

Previously, we covered how seemingly innocuous queries can prevent your themes from being composable when used with other themes and even… 

Read more...

Authoring Queries in Themes

Building composable themes requires a slightly different mindset than building a conventional site. Consider the following cases with one… 

Read more...

The Small UX of Users of Gatsby Themes

As authors of themes we can take advantage of starters to make it easier for users of our themes to bootstrap new projects, thus… 

Read more...

Introspecting Gatsby Data for URL Redirects

Introspecting Gatsby Data for URL Redirects

I recently needed to switch out the slugger I was using from slugify , which requires a bunch of configuration to get the behavior I want… 

Read more...

Starters and Themes Together

Starters and Themes Together

In the last post in this series, we converted the gatsby-starter-blog repo into a theme. We only made changes that were absolutely… 

Read more...

Running a Gatsby Starter as a Theme

Running a Gatsby Starter as a Theme

Gatsby themes introduce a new model for building Gatsby sites and apps. However, due to the recency of themes being available, the majority… 

Read more...

Getting Gatsby Images from Generated Fields

Getting Gatsby Images from Generated Fields

Ever since I wrote SEO Images with Unsplash I've been making images for my posts, pulling the branch down to my local computer, adding the… 

Read more...

Getting started with Emotion and Gatsby

Getting started with Emotion and Gatsby

Emotion is a library for authoring and composing CSS rulesets in a performant way. Here's how to get started using it with Gatsby . First… 

Read more...

Gatsby Plugin MDX Components API Design

Gatsby Plugin MDX Components API Design

Currently there's an issue that can pop up with respect to MDX and compatibility with the wider Remark ecosystem. Remark AST transformations… 

Read more...

Accessing Props in MDX

Accessing Props in MDX

When writing MDX, sometimes you want to display more dynamic content than you otherwise would be able to. An MDX file that can be templated… 

Read more...

SEO Images with Unsplash

SEO Images with Unsplash

I added an SEO component to my blog recently and on top of that I decided to set up infrastructure to pull in images for Twitter, etc. The… 

Read more...

Component Shadowing in Gatsby Child Themes

Today on stream I worked through the final steps for implementing Child Theming for Gatsby. The interesting outcomes of this are that… 

Read more...

Building a Basic Gatsby Site

Gatsby is a fantastic tool for building out almost any site you can think of. Due to how flexible it is, some people find themselves… 

Read more...

Building Gatsby Plugin Webmentions

I've been idly thinking about how to do comments on my blog since a few people I follow on Twitter have started asking again. Now, to be… 

Read more...

Components vs AST manipulation in MDX

MDX presents a new paradigm for people currently using remark (or other markdown rendering approaches). When using remark the most common… 

Read more...

How and Why: Static Queries in Gatsby Themes

Static Queries are now supported in Gatsby Themes thanks to Dustin . Static Queries are useful in normal Gatsby applications to add… 

Read more...

Styled System on React Hooks

I'm pretty confident that the next generation of design-system tools like styled-system will be built on React hooks. So let's take a look… 

Read more...

Controlling the Gatsby Application Root

One of the features I really like about Gatsby is the ability to control the root of the application. In gatsby-ssr.js and gatsby-browser… 

Read more...

Contorting Webpack to Render HTML for Gatsby MDX

Here's the code I was just in the middle of writing when I realized I should stop and try to use webpack . First off, what is this code… 

Read more...

Codeblocks, MDX, and mdx-utils

MDX, and gatsby-mdx specifically, is quite often used by people who are building interactive experiences. Some are design system… 

Read more...

Towards Shortcodes for Gatsby Sites

Many blogging platforms have the concept of shortcodes. This is especially prevalent in the WordPress community and other places like… 

Read more...

Gatsby Themes, Webpack Loaders, and NPM Packages

Shipping NPM packages is tough, especially for new users. We need to either use build tooling to precompile our code or somehow make the… 

Read more...

Removing Gatsby MDX Wrappers

I just removed generated wrappers from gatsby-mdx's implementation. This removed a sticking point for a lot of people from the API… 

Read more...

MDX Custom Elements

Disclaimer: This is an advanced topic that bends the internals of MDX to our will. It is not how you should be using MDX for everyday… 

Read more...

Gatsby Themes Core Algorithm

Today we're going to talk a bit about the core Gatsby themes algorithm. For background it may be good to read Introducing Gatsby Themes… 

Read more...