Developer Cookbook
Next.jsAccelerate your workflow with production-ready patterns, reference architectures, and reusable boilerplate code.
New here? Start with the Foundation
Learn how this cookbook is structured before diving into recipes.
Folder Structure
A feature-based folder structure so you always know where a file goes — and why it belongs there.
View Recipearrow_forwardTypeScript for React
How to type component props, event handlers, and hooks correctly. The contracts that prevent silent bugs.
View Recipearrow_forwardComponent Anatomy
The consistent internal structure every component follows — imports, types, constants, function, export.
View Recipearrow_forwarduseEffect & Render Cycle
When effects run, why the dependency array exists, and how to clean up after yourself. The mental model React developers get wrong most often.
View Recipearrow_forwardComponent Composition
How components combine and communicate — children props, slot patterns, and why composition beats deep prop drilling.
View Recipearrow_forwardCustom Hooks
The boundary between logic and rendering. When to extract a hook, what the rules are, and how to avoid the most common mistake.
View Recipearrow_forwardShowing 1 to 6 of 8 patterns