Blog

I've been writing online since 2014, mostly about web development and tech careers. In total, I've written 22 articles on this site. Use the search below to filter by title.

Most Popular

Everything I Know About Style Guides, Design Systems, and Component Libraries

––– views

A deep-dive on everything I've learned in the past year building style guides, design systems, component libraries, and their best practices.

How Stripe Designs Beautiful Websites

––– views

Examining the tips and tricks used to make Stripe's website design a notch above the rest.

Creating a Monorepo with Lerna & Yarn Workspaces

––– views

In this guide, you will learn how to create a Monorepo to manage multiple packages with a shared build, test, and release process.

All Posts

Switching to Tailwind CSS

––– views

Learn why I switched my Next.js blog to use Tailwind CSS and how it impacted performance.

Authentication Patterns for Next.js

––– views

Learn how to add authentication with Next.js. The guide covers custom React Hooks, protecting routes and redirecting on the server, and includes a variety of examples.

Using the Spotify API with Next.js

––– views

Learn how to authenticate with the Spotify API to fetch your top tracks in a Next.js API route.

Improving My Next.js MDX Blog

––– views

I revamped my personal site, adding a variety of improvements for the ideal Next.js + MDX blogging experience.

Create a Dynamic Sitemap with Next.js

––– views

Learn how to add a dynamic sitemap to your Next.js project, along with a robots.txt file for optimal SEO.

Create a Dashboard with Next.js API Routes - Google Analytics API

––– views

Learn how to use Next.js API routes to integrate with the Google Analytics API and retrieve statistics about a site.

How To Use Encrypted Secrets With Vercel

––– views

Learn how to encrypt secrets to workaround Vercel's 4kb max limit for environment variables.

Create a Dashboard with Next.js API Routes - YouTube API

––– views

Learn how to use Next.js API routes to integrate with the YouTube API and retrieve statistics about a channel.

Create a Dashboard with Next.js API Routes - Unsplash API

––– views

Learn how to use Next.js API routes to integrate with the Unsplash API and retrieve statistics about a user.

You Don't Need A Two-Page Resume

––– views

Want a better programming resume? Limit it to a single page. See how my resume has transformed over the past five years with some actionable advice.

Next.js vs. Gatsby vs. Create React App

––– views

Which is the best for building React applications? Explore the pros and cons for all three options to make the right choice.

Why I Switched From CircleCI to GitHub Actions

––– views

Can GitHub Actions relace CircleCI entirely? Find out why I decided to switch CI/CD providers to GitHub Actions.

Real-Time Blog Post Views With Next.js and Firebase

––– views

Want more accurate page view counts? Learn how to track real-time post views using Firebase and Next.js.

Everything I Know About Style Guides, Design Systems, and Component Libraries

––– views

A deep-dive on everything I've learned in the past year building style guides, design systems, component libraries, and their best practices.

Going Serverless with Next.js and Firebase

––– views

Learn how to build a serverless application with Next.js, Firebase, Cloud Firestore, and easily deploy it with Vercel.

Want to Become a Better Developer? Here's How

––– views

Five simple things you can do to separate yourself from your peers and become the best developer.

Stop Wasting Your Time

––– views

Studies show happiness is correlated to the amount of free time we have. So why is everyone always busy?

Things I've Learned Building Next.js Apps

––– views

CSS Modules, Font Loading, Polyfills, Dynamic Imports, MDX, and more!

Building a UI Component Library with Styled Components

––– views

At Hy-Vee, we reached a point where we were spinning up new teams extremely quickly and needed to maintain consistency across products.

How Stripe Designs Beautiful Websites

––– views

Examining the tips and tricks used to make Stripe's website design a notch above the rest.

Creating a Loading Placeholder with Sass

––– views

Using animation to simulate loading text content.

Harnessing the Google, Yelp, and Foursquare APIs with Python

––– views

A simple Python program to retrieve relevant data.