Topic / 9 published entries
Next.js
Next.js App Router, rendering strategies, micro-frontend architecture, and Module Federation.
nextjs
Next.js App Router & Layouts
App Router file conventions (layout, page, loading, error, not-found), nested layouts, route groups, parallel routes, and how the React tree differs from Pages Router.
Next.js Caching & Revalidation
The App Router cache model I actually use in production: route-level freshness strategy, fetch and tag invalidation, and read-your-own-writes after mutations.
Micro-Frontend Architecture
Decomposing a monolithic SPA into independently-deployed, team-owned frontends — the team model, routing strategy, and operational patterns.
Module Federation at Scale
Webpack Module Federation as the runtime sharing layer for a micro-frontend platform — what works, what breaks, and how to recover.
Next.js Performance & Core Web Vitals
LCP, CLS, INP optimization — image optimization, font loading, bundle analysis, code splitting, React Compiler, and measuring with Lighthouse.
Next.js Rendering: SSR / SSG / ISR / PPR
When each rendering strategy runs, how to choose between them, fetch cache options, Partial Prerendering, and the data freshness vs performance trade-offs.
Next.js Route Handlers & BFF
How I use Route Handlers as a backend-for-frontend boundary: request shaping, auth-aware aggregation, streaming, and operational guardrails.
Next.js Server Actions
Where Server Actions genuinely help: route-local mutations, progressive forms, cache updates, and the security boundaries teams still need to design on purpose.
React Server Components
RSC model — server-only rendering, zero JS bundle, composition patterns, the 'use client' boundary, Server Actions, and common pitfalls.