Eric Howey February 08, 2020 1 Min

Using Theme-UI with SANITY.io

Gatsby, SANITY.io and Theme-UI are quickly becoming my go-to stack of development tools. Gatsby on the frontend. SANITY on the backend. Theme-UI as the design system interface. Combining these three tools has been fairly smooth, but it took me a while to realize I could link Theme-UI design…

Read more

Eric Howey February 01, 2020 2 Min

Examples of using options in Gatsby themes

The ability to define options for Gatsby themes unlocks a powerful set of development opportunities. You may have already used an option like contentPath before but there is so much more you can do! Before you go any further, you need to pause and read Chris Biscardi's excellent post about…

Read more

Eric Howey January 28, 2020 2 Min

Getting Started With Gatsby-Theme-Catalyst-Writer

This Gatsby theme is for freelance writers and journalists who want a fast, easy to maintain, and elegant portfolio. The backend data is provided by SANITY.io and the front end is based on Catalyst themes . This tutorial assumes basic familiarity with web development and Gatsby. If you are new to…

Read more

Eric Howey January 12, 2020 2 Min

Understanding latent component shadowing in Gatsby themes

As I worked on building themes for Gatsby I went through a number of different iterations trying to find an approach that would allow for easy composition and clear separation of concerns. The lightbulb went off for me when I read John Otander’s blog post on the topic of latent component shadowing…

Read more

Eric Howey January 08, 2020 1 Min

How to display alternate content in dark mode using Theme-UI

Theme-UI provides a great pattern for implementing dark mode on your Gatsby website. If your site is primarily text, this can be as straightforward as changing a few colors in your theme and off you go. Most websites are not so minimal and include images, icons, background patterns, etc. If you…

Read more

Eric Howey January 01, 2020 2 Min

Introduction to Gatsby Theme Catalyst

Gatsby Theme Catalyst is my opinionated view of a modern tech stack relying on a combination of Gatsby , MDX , and Theme-UI . I built this series of themes to accelerate the development process and have a modular approach for my freelance work. As a side benefit building this project has been a…

Read more