So far I’ve written 10 longform tutorials & articles. For more compact content visit my Digital Garden. RSS.
Learn how to build a Tailwind UI component from scratch by writing performant and type-safe CSS with vanilla-extract. The component will support multiple variants and themes.
Learn how to use Svelte, TypeScript, and Rollup to create a lean & fast Figma Plugin. You'll access the Unsplash API to fetch a random image.
Only want to build out the most popular pages as static pages? No problem, you can use your analytics tool to control the usage of Deferred Static Generation in Gatsby.
Chakra UI has a powerful theming system that includes component styles. Learn how to create a custom made container component that supports light/dark mode, variants, sizes, and color schemes.
The Theme UI plugin for Figma allows for a workflow where Theme UI is the starting point both for design & development.
A guide on how to set up a multi-package repository with TypeScript support, linting with ESLint and end-to-end testing with Cypress. Great stack to build front-end packages or Gatsby themes.
An explanation of how to go from a design in Figma to a finished website powered by React. Using Theme UI allows you to use the same design tokens both in Figma and your front-end.
A collection of short, but useful quick tips shared by me and the community about Gatsby. From GraphQL over local development to deployment.
Gatsby is an incredible platform to gain an understanding and expertise in React and GraphQL. Start small and scale your expertise and understanding with Gatsby.
Some basic, but important principles that will help you create more enjoyable projects during and after the editing.