How to access Strava data from a Next.js app

Using the Strava API with Next.js

How to apply vanilla extract themes to Next.js apps

Using Vanilla Extract with next-themes

Quick tip for styling Radix Primitives with plain CSS, CSS Modules, Vanilla Extract and more.

Styling Radix UI with CSS

Create a rating component with svg stars that support fractional values

Fractional SVG stars with CSS

How to safely design and develop web tab bars on Safari 15

Using Bottom Tab Bars on Safari iOS 15

How to write responsive variants with media queries in javascript

Responsive Animations with Framer Motion

How to use Notion as a CMS using their public API and Next.js

Building a blog with Notions public API

How to use Mapbox static image API and Node Canvas to generate custom sharing images

Generating Open Graph images with Mapbox & Canvas

Building a mapping platform with React and Mapbox GL

A guide on creating a spring-based Parallax scrolling effect using Framer Motion and React

Spring-based Parallax with Framer motion: Step by step

Creating a chat messaging app ui with CSS (with a sprinkle of JS and Framer Motion)

How to create iOS chat bubbles in CSS

Animating an iOS-like segmented control for the web using Framer Motion

Segmented Control for web with Framer Motion

Using git aliases to automate repetitive tasks

My favorite productivity hack: git newmr

Using framer motion to animate page transitions

Page Transitions with Framer Motion

How to create an animated icon perfect for visualizing music

Animated music bars with CSS

My experience rebuilding my personal website with Next.js & Typescript backed by Notion

Building my personal website with Next.js backed by Notion

A brief history of my personal website starting in the tumblr era.

Blog

Dec 16, 2022

Dec 18, 2021

Dec 15, 2021

Sep 07, 2021

Jun 17, 2021

Jun 10, 2021

May 17, 2021

May 10, 2021

Apr 20, 2021

Mar 16, 2021

Feb 21, 2021

Feb 15, 2021

Feb 08, 2021

Feb 05, 2021

Jan 31, 2021

Jan 22, 2021

Jan 22, 2021