A full-stack boilerplate showcasing a production-ready data table implementation with TanStack Table, built on Next.js 15 with Server Actions. The table logic is fully encapsulated in the @acme/data-table package, providing a clean and reusable architecture. It demonstrates column filtering, search, sorting, CRUD operations, and column visibility controls, all wired to a PostgreSQL database through Drizzle ORM.
Features
- Next.js 15 App Router with Server Actions for modern, server-driven workflows.
- TanStack Table (Advanced setup) with:
- Column filters
- Column visibility controls
- Full-text search
- Sorting & pagination
- Inline CRUD example
- @acme/data-table package: encapsulates reusable table logic, hooks, and utilities.
- @acme/db package: PostgreSQL integration with Drizzle ORM.
- @acme/ui package: UI primitives built with shadcn/ui.
- TypeScript for end-to-end type safety.
- Modular monorepo structure for scalability and reuse across projects.
Use Case
Perfect for developers building admin dashboards, SaaS platforms, or internal tools that require robust and customizable data tables. This boilerplate offers a battle-tested foundation to manage structured data with advanced UX patterns while keeping business logic clean and isolated in reusable packages. đ
Boilerplate details
Last update
5 days agoBoilerplate age
5 days ago