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.
Read more →#react: 25 posts tagged
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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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).
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →JAM Stack, SSGs, and their role in empowering the creator economy
Tools like Eleventy, Hugo, Gatsby, Svelte, and others have given developers a superpower for quickly developing content-driven, easily manageable web properties. It's an exciting frontier for developers who are also content creators, but for non-technical creators, our favorite toolchains can feel like a labyrinth of indecipherable choices.
In this talk, we'll discuss our role in promoting the creator economy. We'll talk about the opportunity we have as developers in helping to democratize content creation for everyone, and the importance of creating a more robust, archival internet.
Proximity Acquires SMPL Software
In early 2020, smpl was acquired by Proximity. I was cofounder and CEO of smpl - we proudly helped independent coworking spaces manage their communities with automated billing, invoicing, and community management. It was a wild ride, and I couldn't have done it without my two amazing cofounders.
We were acquired by our biggest competitor, Proximity, who are continuing the dream by creating a network of amazing, independently owned coworking spaces around the world.
Read the press release about the acquisition to find out more.
There is another (paywalled) article on Business Insider about the acquisition, too!
More about smpl on Crunchbase.
Tools we used to build smpl:
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...
Read more →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.
Read more →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
Read more →Embracing Prettier
Prettier.js is a fantastic way to systemize and automate your project's code style.
Read more →