Eric Howey • March 25, 2020 • 4 Min
10 reasons to use Theme-UI in your next Gatsby project
Combining Theme-UI with Gatsby has been a huge productivity win for me; design tokens, quick mobile styles, a robust component library and more. I am building every new project using Theme-UI and here are 10 reasons I think you should consider it too. Consistent design system At the heart of…
Read more
Eric Howey • March 06, 2020 • 3 Min
Should we be thinking differently about imposter syndrome?
Before you read. I write from a place of significant social privilege and my experiences are not reflective of everyone's experiences. I work full time as a mental health therapist and have a Masters in Social Work degree. References are at the end. I was at a mental health training recently where…
Read more
Eric Howey • February 24, 2020 • 3 Min
Building a sub-menu with Gatsby
You have a great Gatsby site! You followed all the tutorials and it is blazing fast. But wait, you need a sub-menu (or dropdown menu) in your navigation? It is not as easy as it sounds if you want to keep a modern component architecture and use things like the javascript .map method. This is a…
Read more
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