Tools and architecture from four years of web and React Native work: monorepo, env vars, database, queues, frontend libraries and AI coding rules.
Client Components can't import Server Components. Sync client state to URL search params so the RSC page re-renders with it, using useRouter and nuqs.
Why react-hydration-error happens in Next.js: how hydration works, SSR vs CSR, and three practical ways to prevent mismatches.
React Server Components render on the server and stream to the client, shrinking bundles. How RSC works in Next.js and how it differs from SSR.
I spent most of 2024 rebuilding the personal site I started in 2021 to learn Next.js and TypeScript. Here is the stack I chose and why.