A complete, production-ready CRUD application built with modern technologies and best practices.
- Full CRUD Operations: Create, Read, Update, Delete for all entities
- Authentication: Secure user authentication with Supabase Auth
- Real-time Updates: Live data synchronization with Supabase Realtime
- Type Safety: Full TypeScript implementation
- Responsive Design: Mobile-first, clean UI with Tailwind CSS
- Well-Documented Schemas: Comprehensive database documentation
| Layer | Technology |
|---|---|
| Framework | Next.js 14 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Database | Supabase (PostgreSQL) |
| Auth | Supabase Auth |
| ORM | Prisma |
solid-crud-app/
├── app/ # Next.js App Router pages
│ ├── (auth)/ # Authentication routes
│ ├── (dashboard)/ # Protected dashboard routes
│ ├── api/ # API route handlers
│ └── layout.tsx # Root layout
├── components/ # Reusable UI components
│ ├── ui/ # Base UI components
│ └── features/ # Feature-specific components
├── lib/ # Utilities and configurations
│ ├── supabase/ # Supabase client and helpers
│ └── utils/ # Utility functions
├── types/ # TypeScript type definitions
├── prisma/ # Database schema and migrations
│ └── migrations/ # SQL migration files
└── docs/ # Documentation
└── database/ # Database schema documentation
See Database Documentation for detailed schema documentation.
- Users: User accounts and profiles
- Projects: Project management entities
- Tasks: Task management with assignments
- Comments: Task and project discussions
- Node.js 18+
- npm or yarn
- Supabase account
- Clone the repository:
git clone https://github.com/the-agenticflow/solid-crud-app.git
cd solid-crud-app- Install dependencies:
npm install- Set up environment variables:
cp .env.example .env.local-
Configure your Supabase credentials in
.env.local -
Run the development server:
npm run devMIT License - see LICENSE for details.