So far I’ve written 10 longform tutorials & articles. For more compact content visit my Digital Garden. RSS.
Writing Performant CSS with vanilla-extract
It's like CSS Modules-in-TypeScript
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.
Creating a Figma Plugin with Svelte
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.
Using Deferred Static Generation with Analytics Tools
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.
How To Build an Advanced Multipart Component with Chakra UI
Learn all about Chakra UI's theming system
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.
Introducing the Theme UI Plugin for Figma
The Theme UI plugin for Figma allows for a workflow where Theme UI is the starting point both for design & development.
Setting up a yarn Workspace with TypeScript, ESLint & Cypress
A robust solution for multi-package repositories
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.
How I used Theme UI to seamlessly convert Design to Code
A story of how I built themes.lekoarts.de
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.
Tips & Tricks for Gatsby
A collection of short, but useful quick tips shared by me and the community about Gatsby. From GraphQL over local development to deployment.
How Gatsby scales with your Expertise & Scope
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.