A modern, full-stack code snippet management app built with Next.js (App Router), Supabase, React Query, and TypeScript.
- User Authentication (Supabase Auth)
- Create, Read, Update, Delete for:
- Snippets (with code, markdown notes, readme, language, description)
- Folders (with nesting and color)
- Tags (with color)
- Organize snippets in folders and categorize with tags
- Favorite snippets
- Mark snippets as public/private
- Full-text search (optional, via Supabase)
- React Query for data fetching, caching, and mutations
- TypeScript end-to-end
- API routes for all business logic (no direct client DB access)
- Responsive UI (customize as you wish)
- Auth: Uses Supabase Auth UI for sign-in/sign-up. OAuth providers supported.
- API: All data operations go through Next.js API routes (
/app/api/...). - React Query: Handles all data fetching and mutations.
- Type Safety: All API responses and client code are fully typed.
- RLS: Row Level Security is enabled on all tables. Users can only access their own data (except public snippets).
- users (Supabase Auth)
- snippets (code, notes, readme, language, description, folder, is_public)
- folders (name, parent, color)
- tags (name, color)
- snippet_tags (join table)
- favorite_snippets (user, snippet)
npm run dev— Start development servernpm run build— Build for productionnpm run start— Start production server
- Next.js (App Router)
- Supabase
- @tanstack/react-query
- TypeScript
- Sonner (for toasts)
- Tailwind CSS (optional, for styling)
MIT