Skip to content

tysoncung/schema-dashboard

Repository files navigation

Schema Dashboard

Auto-generate admin dashboard CRUD UI from Zod schemas — Free Edition

Next.js TypeScript shadcn/ui TanStack Table

✨ Features

  • Schema-driven — Define a Zod schema, get a CRUD dashboard page
  • Data Table — Sorting, filtering, search, pagination (TanStack Table)
  • Auto Form — Create form auto-generated from Zod schema
  • Dark/Light Theme — System-aware theme toggle
  • Responsive — Mobile-friendly

🚀 Quick Start

npm install
npm run dev

Open http://localhost:3000

📋 Included Schema

Schema Fields
Users name, email, role, status, createdAt

🔒 Want More?

Schema Dashboard Pro ($39) includes:

  • ✨ Multiple schemas (Products, Orders, + unlimited custom)
  • ✨ CLI generator: npx schema-dashboard generate
  • ✨ Auth layout with login page + protected routes
  • ✨ Role-based access (admin/viewer)
  • ✨ Full CRUD: create, edit, delete, view detail pages
  • ✨ Settings page with API configuration
  • ✨ Pairs with zapit for full-stack Zod → NestJS + Next.js

Get Pro →

🏗 Tech Stack

  • Next.js 14 App Router + TypeScript strict
  • shadcn/ui components
  • TanStack Table v8
  • Tailwind CSS
  • Zod schema validation
  • React Hook Form

📄 License

MIT © Tyson Cung

About

Auto-generate admin dashboard CRUD UI from Zod schemas - Free Edition

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors