Stack & Expertise
A carefully chosen frontend and backend stack I use to build fast, scalable, and maintainable products.
Tools & Packages
Every package ships with pragmatic defaults and tiny bundles so you can plug them into new projects without the overhead.
Rich SEO fields for Sanity documents with meta titles, descriptions, and canonical URLs that play nicely with Sanity Studio.
View on npm →Tiny tooltip component that gives you accessible, themeable hover/focus helpers with minimal overhead.
View on npm →Keyboard-first inline date input that keeps forms compact while letting users type, paste, or arrow through dates.
View on npm →Utility helpers for generating recurring date sets so you can focus on scheduling logic instead of math.
View on npm →Minimal toast helper with a small footprint to drop into projects for quick, dismissible notifications.
View on npm →I'm a passionate developer who loves creating beautiful and functional web applications. With expertise in React, Next.js, and modern frontend technologies, I bring ideas to life through clean code and thoughtful design.
I also enjoy building tools and packages that solve real problems and become useful to others, and I actively love contributing to the developer community through open-source work and shared learnings.
I design and build with purpose—prioritizing clarity, performance, accessibility, and long-term maintainability over shortcuts.
I share my process openly—from architectural decisions to hard-earned debugging lessons—so others can learn alongside me.
I focus on practical engineering: React, Next.js, and modern tooling that help turn ideas into polished, production-ready products.
From the Desk
Tutorials, reflections, and stories from projects in progress.
Learn CSS shorthand and longhand properties with simple examples. This guide helps frontend developers understand how shorthand works, when to use longhand, and best practices for writing clean and maintainable CSS.
How Tailwind Builds Arbitrary Classes With Dynamic Values Photo by Peaky Frames on UnsplashTailwind CSS popularized the idea that utility classes can cover almost every styling need. When the framework introduced arbitrary values alongside the Just-In-Time (JIT) engine, it pushed the concept further: you could write a class that never existed before and Tailwind would generate the CSS on demand. This article breaks down how that process works, why it matters, and how to wield it responsibly.
Modern dashboards and web apps often require smooth tab-like navigation components that switch views without full page reloads. While frameworks like React or Vue offer built-in state handling, sometimes you simply need a lightweight, framework-free solution — especially for static sites or smaller modules.
Ready to collaborate on your next project? Let's create something amazing together.