1. Next.js App Router in Production
What I'd tell a team adopting the Next.js App Router for a production app: server/client boundaries, data fetching, caching surprises, auth, and the patterns that held up.
Next.js App Router in Production: Lessons From Shipping Real Apps →
2. Next.js Caching Explained (2027)
Request memoisation, the data cache, full-route cache, router cache, and the newer 'use cache' model: what each layer does and how to stop shipping stale data by accident.
Next.js Caching Explained (2027): What Actually Gets Cached and Why →
3. 10 Next.js Performance Optimization Tips for Production Apps
Practical optimization techniques to make your Next.js applications blazing fast in production.
10 Next.js Performance Optimization Tips for Production Apps →
4. How to Fix INP in React Apps (Interaction to Next Paint, 2027)
INP is the Core Web Vital React apps fail most often. How to find the slow interaction, why it's slow, and the fixes that work: smaller renders, transitions, yielding, and less JavaScript.
How to Fix INP in React Apps (Interaction to Next Paint, 2027) →
5. TypeScript Best Practices for Clean, Type-Safe, Maintainable Code
Essential TypeScript patterns and practices that will make your codebase more robust and easier to maintain.
TypeScript Best Practices for Clean, Type-Safe, Maintainable Code →
6. TypeScript Discriminated Unions
Replace a pile of optional booleans with a discriminated union and an exhaustive switch. Fewer bugs, clearer components, and the compiler catches the cases you forgot.
TypeScript Discriminated Unions: Make Impossible UI States Impossible →
7. REST API Design Best Practices
Learn how to design APIs that developers love to use and are easy to maintain.
REST API Design Best Practices: Principles That Stand the Test of Time →
8. Type-Safe API Contracts Between NestJS and Next.js
Three ways to share types between a NestJS backend and a Next.js frontend (OpenAPI codegen, shared Zod schemas, and contract libraries) and when I'd pick each.
Type-Safe API Contracts Between NestJS and Next.js →
9. Feature-Based Folder Structure in React
Function-based folders look clean on day one. Feature-based folders still make sense on day three hundred—when five developers are shipping checkout, dashboard, and profile at the same time.
Feature-Based Folder Structure in React: Why I Prefer It →
10. How to Build a Design System With React and Tailwind CSS
A comprehensive guide to creating maintainable design systems that scale with your team and product.
How to Build a Design System With React and Tailwind CSS →
11. Building AI Chat Interfaces in React
The frontend side of LLM products: streaming tokens, stop and retry, message state, markdown rendering, error handling, and the UX details that make AI chat feel trustworthy.
Building AI Chat Interfaces in React: Streaming, Retries, and UX →
12. Rendering Large Geospatial Datasets in React Without Freezing the Map
Thousands of plots, millions of points: how to keep React maps fast with vector tiles, deck.gl, geometry simplification, web workers, and careful state management.
Rendering Large Geospatial Datasets in React Without Freezing the Map →
13. PostGIS Tutorial for Developers
A practical PostGIS introduction using farm plots as the example: geometry vs geography, SRIDs, spatial indexes, area, intersections, validity checks, and GeoJSON in and out.
PostGIS Tutorial for Developers: Store and Query Location Data in PostgreSQL →
14. Offline-First React Native Apps for Field Data Collection
How to build React Native and Expo apps that work with no signal: local-first storage, a sync queue, conflict handling, and UX that tells field users what's actually saved.
Offline-First React Native Apps for Field Data Collection →
15. Frontend Architecture for Multi-Tenant SaaS
How to structure a frontend that serves many organisations from one codebase: tenant resolution, per-tenant theming, role-based UI, feature flags, and keeping data isolated.
Frontend Architecture for Multi-Tenant SaaS: Theming, Permissions, and Routing →
16. WCAG 2.2 Checklist for React Apps
A practical WCAG 2.2 checklist for React developers: the new success criteria, the classic failures in component libraries, and how to test with tools and a keyboard.
WCAG 2.2 Checklist for React Apps: What Changed and How to Comply →
17. How to Test React Apps
From unit tests to E2E—learn how to build confidence in your React applications with comprehensive testing.
How to Test React Apps: What to Test and Habits That Catch Real Bugs →
18. Playwright vs Cypress in 2027
Architecture, browser support, parallelism, debugging, and team fit: how Playwright and Cypress compare for end-to-end testing React and Next.js apps.
Playwright vs Cypress in 2027: Which E2E Testing Tool Should You Use? →
19. Code Review Best Practices for Remote Frontend Teams
How to keep code review fast and useful when reviewers are hours apart: small PRs, clear descriptions, comment conventions, automation, and turnaround expectations.
Code Review Best Practices for Remote Frontend Teams →
20. Leading a Remote Frontend Team Across Time Zones
What I've learned leading frontend work remotely: writing as the default, decision records, ownership, async rituals, and protecting the hours you do overlap.
Leading a Remote Frontend Team Across Time Zones: What Works →