---
title: Recipes
description: Library-specific patterns and integration guides for commonly used tools in django-cfg Next.js apps.
---

# Recipes

Practical patterns for libraries used across django-cfg Next.js apps. Each recipe covers setup, common patterns, and project-specific conventions.

<Cards>
  <Card title="Zustand" href="./zustand">
    Store patterns, slice architecture, zundo undo/redo, 60fps module-level refs, and persistence
  </Card>
  <Card title="Forms" href="./forms">
    react-hook-form with Zod validation, Controller patterns, and API integration
  </Card>
  <Card title="Internationalization" href="./i18n">
    Dual provider architecture, 17 built-in locales, namespace isolation, typed hooks, and LLM-powered CLI
  </Card>
  <Card title="Drag & Drop" href="./dnd">
    @dnd-kit sortable setup, useSortable hook, and arrayMove utility
  </Card>
  <Card title="Animations" href="./animations">
    Framer Motion basics, AnimatePresence, layout animations, and AnimatedBackground
  </Card>
  <Card title="UI Components" href="./ui-components">
    Package hierarchy, 136 components, import patterns, DRF pagination, and sidebar system
  </Card>
  <Card title="Tailwind v4" href="./tailwind-v4">
    Migration from v3, CSS-first config, broken opacity workaround, and DjangoCFG preset
  </Card>
  <Card title="Extensions" href="./extensions">
    6 extension packages, standard structure, shared auth, adapter pattern, and self-contained mini-apps
  </Card>
</Cards>
