Add custom fonts to Next.js sites with Tailwind using next/font
Learn how to add custom fonts to your Next.js app using next/font and Tailwind CSS. Improve user experience without sacrificing performance.
#react: 26 posts tagged
Contributing to Open Source without being a Jerk
11-11-2025
Open source doesn't work without good faith - and sometimes you need to patch a dependency to do your part.
Why new frameworks make better developers
03-26-2024
A look at the cognitive science behind the Hierarchy of Competence, and how dabbling with new frameworks and tools can make you a better developer.
Steps I take to fix stubborn TypeScript errors in VS Code
Sometimes fixing a TypeScript or eslint error in VS Code can feel impossible. Here's what I do when I have exhausted all my resources.
Refactoring TypeScript React components in VS Code
Extracting types from a JavaScript object is a common task in TypeScript. This post shows how to do it with VS Code.
The case for continued learning, and getting side projects out the door
01-03-2023
The end of 2022 brought about a ton of change for me, and a major shift in my career. I'm excited to talk a little about what's next, and to show off a side project I'm readying for release soon.
Sync your About page and your GitHub bio on your Next.js site
Learn how to sync your About page and your personal GitHub README bio on your Next.js site, as a step towards owning your content on social media.
Growth hack: Publish newsletters to your Next.js site with ConvertKit API
Use previous issues of your newsletter to attract new subscribers, using the ConvertKit API with your Next.js site.
Publish your newsletter to your Remix site with the ConvertKit API
Learn how to use the ConvertKit API to publish your newsletter to your Remix site.
The Orton Effect - dreamy photo effect in CSS and React
Implement the Orton Effect in CSS and React. The Orton Effect creates a surreal, dreamy image effect, named after photographer Michael Orton.
SEO tools I used to grow my sites to 20k+ visitors/month
I use these tools on every project to help track source code, monitor traffic on my site, and optimize content for better Search Engine Optimization (SEO).
The correct semantic HTML for adding subtitles to h1 tags
This is the right format to use if you want to add a subtitle below an h1 tag on your html pages. Semantic HTML makes your site more accessible and better for SEO, since it is easier for search engines to process.
How to add Fathom Analytics to your Remix.run app
Building a website using the Remix.run webb app framework? This tutorial will teach you how to add privacy-first analytics to your Remix site with Fathom.
What it's like to migrate a high-traffic website from Gatsby to Next.js
I migrated apisyouwonthate.com, a site with 20k+ monthly visits, from Gatsby to Next.js at the end of 2021. Let's talk about what I learned from that experience.
Next.js with MDX tips: Provide shortcuts to article headings
This tutorial will teach you how to automatically add links to heading tags in your mdx posts on your Next.js site with a plugin called rehype-slug. This should work for most nextJS sites that use MDX for content, as well as many other JavaScript-based sites which use MDX.
No Floating Promises: an eslint rule to prevent async code errors
The article discusses the ESLint rule no-floating-promises which disallows promises without await. The rule is designed to prevent developers from accidentally forgetting to await promises, which can lead to unexpected behavior.
How to run dependabot locally on your projects
Since its release, teams around the world have been using dependabot to automate the process of keeping your project's dependencies up to date. In this article, I'll show you how you can run dependabot on the command line using dependabot-core.
Some things I learned from live coding on Twitch
For years I did a weekly coding livestream of my React and Python work on Twitch every week, and I'm getting back into it again. This is what sticks out to me as the most valuable learnings from those experiences.
JavaScript Tips: Nullish Coalescing (??)
Let's take a look at the Nullish Coalescing operator (??) in JavaScript, which returns the right operand if the left is null or undefined.
JavaScript Tips: Using Array.filter(Boolean)
If you come across array.filter(Boolean) in JavaScript code, never fear! It's a handy bit of functional programming that cleans up arrays with null and undefined values in them.
JAM Stack, SSGs, and their role in empowering the creator economy
Proximity Acquires SMPL Software
Do you have your own Gatsby site? Let's brainstorm a dev.to cross-poster
So, like all good things, the idea for this post comes from a tweet...
Promise.allSettled() Pt.2 - it's partly settled!
This is a follow-up to my first post on the upcoming Promise.allSettled() function, coming soon to a node application near you.
Solve* all your problems with Promise.allSettled()
Promise.allSettled() is a new API coming to the JavaScript / ES6 standard which can help you more efficiently build node applications that make simultaneous asynchronous API calls
Embracing Prettier
Prettier.js is a fantastic way to systemize and automate your project's code style.