Posts

Write TypeScript that catches real bugs — discriminated unions, branded types, satisfies operator, template literal types, and patterns that survive team growth.

Build a scalable design system with Tailwind CSS — design tokens, component variants with CVA, dark mode, shadcn/ui integration, and keeping it consistent across a team.

Write RLS policies that secure your data without killing performance — user isolation, multi-tenant patterns, service role bypasses, and policy debugging.

Master RSC composition — when to use Server vs. Client Components, streaming with Suspense, passing server data to client, and avoiding the common re-render traps.

Write reliable end-to-end tests for Next.js with Playwright — auth state reuse, page object pattern, API mocking, visual regression, and GitHub Actions integration.

Implement secure authentication in Next.js App Router with Supabase — server-side session validation, protected routes, middleware, and OAuth providers.

Implement SEO correctly in Next.js 14+ — generateMetadata, opengraph-image, next-sitemap configuration, JSON-LD structured data, and canonical URLs.

Get maximum performance from next/image — responsive sizing, format priority, blur placeholders, remote patterns, and when to use a separate CDN vs. Vercel's built-in optimizer.

Deploy Next.js to Vercel correctly — environment scoping, preview deployments per branch, Edge Config for feature flags, domain management, and deployment hooks.

Master Next.js caching — understand the four caching layers, when each applies, how to revalidate on demand, and how to debug what's actually cached.

Add polished animations to Next.js with Framer Motion — page transitions with App Router, scroll-triggered animations, gesture interactions, and performance best practices.

Step-by-step tutorial: protected /admin route with HTTP Basic Auth, Supabase service_role client, and a full data visualization dashboard — no extra dependencies.