Next.js App Design Guide
How to build Next.js frontend applications with django-cfg — directory structure, generated API clients, SSR hydration, state management, and real-time communication. For Django backend patterns see App Design Guide, for module packaging see Module Design Guide.
Canonical directory structure, naming conventions, TypeScript aliases, route definitions, and server vs client component split
Data LayerGenerated API clients, BaseClient singleton, Zod validation, SWR hooks, and type re-export pattern
SSR & HydrationServer Component data fetching, SWR initialData hydration, force-dynamic pages, and metadata generation
State ManagementContext architecture, provider composition, URL-first filter state, and when to use Zustand
Component PatternsuseMemo data preparation, component structure order, decomposition patterns, and type safety
WebSocketCentrifugo integration, subscription patterns, RPC client, channel naming, and stale closure prevention
RecipesLibrary-specific patterns — Zustand, forms, i18n, drag and drop, animations, UI components, Tailwind v4, and extensions
Django-CFG