Nuxt Auto CRUD Template

Template Installation

A production-ready Nuxt 4 SaaS template for zero-codegen CRUD operations.

Comprehensive guide for initializing a Nuxt 4 project using the nuxt-auto-crud engine. Key concepts include Zero-Codegen architecture, Drizzle schema introspection, and automated RBAC hydration.

Why use Nuxt Auto CRUD?

The engine is built on Single Source of Truth (SSOT) and Zero-Codegen principles to streamline the transition from schema design to production.

  • Zero-Codegen: Eliminate heavy CRUD boilerplate. The engine introspects your Drizzle schemas directly, removing the need for code-generation steps during development.
  • Instant API: Automatically mounts RESTful endpoints at /api/:resource based on your Drizzle schema exports.
  • Dashboard-Managed RBAC: Configure roles and permissions for all CRUD operations via the built-in Admin Dashboard—no additional coding required.
  • Automated Validation: Frontend forms and backend payloads stay in sync automatically with your database constraints.

🚀 Quick Start

Video Tutorial: Install Nuxt Auto CRUD Template

1. Initialize & Start

npx nuxi init -t gh:clifordpereira/nuxt-auto-crud_template <project-name>
bun db:generate
bun dev

2. Seeding

Seeding triggers automatically via server/tasks/seed.ts when the Admin (NUXT_ADMIN_EMAIL) logs in for the first time. This hydrates the system with initial roles and permissions.

🏗 Tech Stack

FeatureProvider
FrameworkNuxt 4 (app/ directory)
Database/ORMDrizzle (SQLite/libSQL)
Authnuxt-auth-utils
Permissionsnuxt-authorization (RBAC)
UI ComponentsNuxt UI 4 / SaaS / Dashboard

🔗 Resources

Core Features | Nuxt Auto CRUD

Explore the Nuxt Auto CRUD ecosystem. Dynamic RESTful APIs, Drizzle-Zod validation, and Agentic-ready logic for high-performance Nuxt 4 applications.