BLOG.
Thoughts on frontend development, performance, accessibility, and the modern web.
React Performance Optimization: Techniques Every Frontend Developer Should Know
Practical strategies to improve React app performance — from memoization and code splitting to bundle analysis and Core Web Vitals.
Building Accessible Web Applications: A Frontend Developer's Guide to WCAG 2.1 AA
Learn how to build web applications that work for everyone — covering semantic HTML, ARIA, keyboard navigation, screen reader testing, and practical accessibility patterns.
SvelteKit vs Next.js in 2026: A Frontend Developer's Honest Comparison
An unbiased comparison of SvelteKit and Next.js from a developer who has built production apps with both — covering performance, DX, ecosystem, and when to choose which.
Next.js App Router: The Complete Guide for Frontend Developers in 2026
A comprehensive guide to the Next.js App Router — Server Components, layouts, loading states, error boundaries, route handlers, and patterns for production applications.
Core Web Vitals Optimization: A Frontend Developer's Practical Guide for 2026
Learn how to measure and optimize Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift — with practical code examples and real-world case studies.
Shopify Hydrogen: Building Modern Headless Commerce Storefronts
Learn how to build custom Shopify storefronts with Hydrogen and Oxygen — covering Storefront API, cart management, SEO, performance, and real-world production patterns.
Remix: The Full-Stack React Framework That Prioritises Web Fundamentals
An in-depth guide to Remix — loaders, actions, nested routing, form handling, error boundaries, and why it is an excellent choice for content-heavy and e-commerce websites.
TypeScript Advanced Patterns for React Developers
Master generic components, discriminated unions, template literal types, conditional types, and type-safe patterns that make React applications safer and more maintainable.
Building Scalable Design Systems with Tailwind CSS and React
A practical guide to building component libraries, design tokens, and scalable UI infrastructure with Tailwind CSS, React, TypeScript, and Storybook.
SvelteKit for React Developers: A Practical Migration Guide
Learn SvelteKit from a React perspective — Svelte 5 runes, file-based routing, server-side rendering, form actions, and when to choose SvelteKit over Next.js.
Technical SEO for JavaScript Applications: Crawlability, Rendering, and Structured Data
Ensure your React, Next.js, and SvelteKit applications are fully crawlable and indexable. Covers server-side rendering, structured data, Core Web Vitals, and JavaScript SEO best practices.