Ship Fast CRUD Applications.

Generate working forms, tables, and TypeScript types in 30 seconds. Nuxt Crouton is a code generator and composable library for building maintainable CRUD applications in Nuxt 4. Built on the opinionated SuperSaaS foundation. Generate → Customize → Own.

terminal

Why Nuxt Crouton?

    80% Done in 30 Seconds

    Generate working CRUD interfaces with forms, validation, tables, and TypeScript types. Start customizing immediately, not writing boilerplate.

    You Own the Code

    Generated code lives in YOUR project. No runtime magic, no vendor lock-in. Customize freely, regenerate when needed, or keep it as-is forever.

    Domain-Driven Layers

    Organize collections by domain (shop, blog, admin). Each layer is self-contained and can be reused across projects or deployed independently.

    Smart Data Caching

    Built on useFetch with automatic cache invalidation. Update data once, all views refresh automatically. No manual refetch logic.

    Validation Included

    Zod schemas generated for every collection. Add custom validation rules, async checks, and cross-field validation with full TypeScript support.

    i18n Ready

    Optional translation support with per-field localization. Auto-generates translation inputs and handles locale switching with cache refresh.

What You Get

    List Components

    Table and list layouts with sorting, pagination, and empty states. Responsive and accessible out of the box.

    Form Components

    Create, edit, and delete forms with validation. Open in modals, slideovers, or dialogs. Supports nested forms up to 5 levels deep.

    TypeScript Types

    Full type safety for every collection. Types for schemas, API responses, form state, and composable returns.

    Composables

    useCollectionQuery for fetching, useCollectionMutation for updates, useCrouton for modal management. All with full TypeScript support.

    Toast Notifications

    Success and error toasts on all mutations. Customizable messages with i18n support.

    Team-Based Auth

    Optional team utilities for multi-tenant apps. Automatic team scoping on all queries and mutations with team switching support.

Documentation Sections

    Installation, quickstart guide, and your first collection in 30 seconds.

    Core concepts: collections, layers, architecture, forms, data operations, and caching.

    Code generation: schema format, CLI commands, multi-collection generation, and CLI reference.

    Working with data: relations, forms, tables, Drizzle integration, and list layouts.

    Customize components, add custom fields, configure columns, and design layouts.

    Advanced features: i18n, rich-text, assets, connectors, events, maps, and devtools.

    Team-based auth, conditional fields, bulk operations, and optimistic updates.

    Complete API docs: composables, components, types, server utilities, and internal API.

    Best practices, troubleshooting, migration guides, rollback strategies, and asset management.

    Conventions, FAQ, and glossary for quick lookup.

Ready to ship faster?

Join developers building maintainable CRUD apps with Nuxt Crouton. Generate your first collection in 30 seconds.