On JavaScript Errors
Exploring why error handling in JavaScript is such a challenge, and how a simple question on X triggered a flurry of opinions.
My musings on software design and product updates.
All of my long-form thoughts on software design and product updates.
Implementing a credit-based billing system with Stripe
Some constructive criticism for the Stripe team on how to improve their billing system for credit-based billing.
Why shadcn/ui is taking over the internet
What makes a component library more than just styled primitives.
The rise of vibe coding
Shipping without coding is addictive and it feels like the future, but it isn't quite production-ready... yet.
Setting up Unreal Engine on a MacBook Pro
Some tips from a beginner using Unreal Engine for the first time on a Mac.
Simulating Row-Level Security in MySQL with Clerk and Prisma
MySQL doesn’t natively support RLS, so if you’re using PlanetScale like I do, you’re out of luck. However, there is a way of working around this by extending your Prisma client with a custom extension.
Secure Linear OAuth2 flow with Next.js and React Server Components
React Server Components make it easy to build a custom OAuth2 flow with Next.js and the Linear API.
Neutral is shutting down
After three years and 4613 trees planted, Neutral is shutting down.
From Product Designer to Agency Director
Some reflections on my journey running Jellypepper.
Streaming OpenAI completions with the Vercel Edge Runtime
I recently built my first AI-powered app on Vercel. Here's how I did it.
Making react-syntax-highlighter "editable"
react-syntax-highlighter is a great tool for highlighting code snippets, but it is not editable. Let's hack an editable state together!
Enabling HSTS Preload in Next.js
Learn how to enable HSTS preload in Next.js to improve your website's security.
Replacing JS Libraries with Intl
Strip down your bundle size by replacing some of the most popular JS libraries with native browser APIs.
Using clsx with Tailwind CSS for element style composition
Tailwind's class names can get a bit unwieldy. clsx can help.
Handy Body and Error Parsing Utilities for Next.js
A couple of useful functions for parsing and validating data in Next.js API routes.
Why Figma's AutoLayout system is brilliant for writing code
While it looks simple, Figma's AutoLayout system is actually designed on the Flexbox CSS model.
Optimizing your Next.js personal website's SEO with next-seo
Using JSON-LD utility components provided by next-seo, we can make our personal website more friendly to structured data parsers.
Creating active link class modifiers with Tailwind and Next.js 13
React 18 allows you to build client and server components, which can be tricky for adding client-based styles to elements.
Optimizing Next.js images for speed and quality
Next.js' Image component is highly reliable and configurable. Here's how to get the most out of it.
Creating a no-auth Spotify playlist preview with Next.js
Let's build a simple Spotify playlist previewer without any user authentication required on Next.js!
Implementing Push Notifications with Expo and Firebase Cloud Functions
Despite how complex Expo's diagrams appear, it's actually remarkably simple to add Push Notifications to your app!
Stripe PaymentSheet subscriptions with Apple / Google Pay on Expo and Firebase
Let's put together a full, end-to-end Stripe subscription flow in our Expo app with Firebase.
Implementing a simple OTA update function with Typescript and Expo 44+
Handy scripts for handling OTA updates in an Expo app.
Implementing a smart analytics hook for Firebase and Amplitude in Expo 44+
Let's build a unified, promise-based, error-resilient, privacy-respecting, debuggable analytics hook for Expo 44+.
Neat User and Profile React Hooks for Firebase V9
Writing your own little hooks for the two most common types of Firebase objects - Users and Profiles.
Implementing Google and Apple login hooks with Expo 43 and Firebase v9
How to implement an auth system with using neat hooks and a credential-based social login system.
Using the Firebase Local Emulator with Expo's managed workflow
While the Local Emulator Suite is super easy to set up on a web app project, it's a little bit trickier for React Native / Expo.
Upload images to Firebase using Expo 39+ managed workflow
Typically, uploading images to Firebase using the JavaScript SDK is pretty straightforward. In Expo, it's a bit trickier.
Finding a user's friends in their Contacts with Firebase and Expo
How to fetch contacts off your user's phone, then see which of those contacts are also using your app.
From Product Designer to Agency Director
A few tips and tricks for designers hoping to kickstart their own studio or agency, from our own experience.
The story of Presumi
How I started a data analytics startup and partnered with SEEK.