Content loader utility, Content directory structuur

lib/supabase/README.md

@@ -0,0 +1,67 @@
+# Supabase Configuration
+
+Deze folder bevat de Supabase client configuratie voor het Mini-EPD project.
+
+## Bestanden
+
+- **`client.ts`** - Client-side Supabase client (browser-safe, gebruikt anon key)
+- **`server.ts`** - Server-side Supabase client (admin, gebruikt service role key)
+- **`types.ts`** - TypeScript types (auto-gegenereerd uit database schema)
+- **`index.ts`** - Export file voor makkelijke imports
+
+## Gebruik
+
+### Client-side (React components)
+```typescript
+import { supabase } from '@/lib/supabase'
+
+// Voorbeeld: ophalen van clients
+const { data, error } = await supabase
+  .from('clients')
+  .select('*')
+```
+
+### Server-side (API routes, Server Components)
+```typescript
+import { supabaseAdmin } from '@/lib/supabase/server'
+
+// Voorbeeld: admin operatie
+const { data, error } = await supabaseAdmin
+  .from('clients')
+  .insert({ ... })
+```
+
+## TypeScript Types Genereren
+
+Na het aanmaken van database schema (EP01), run:
+
+```bash
+pnpm run types:generate
+```
+
+Dit genereert TypeScript types uit je Supabase database schema.
+
+## Environment Variables
+
+Zorg dat deze variabelen in `.env.local` staan:
+
+```env
+NEXT_PUBLIC_SUPABASE_URL=https://dqugbrpwtisgyxscpefg.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=...
+SUPABASE_SERVICE_ROLE_KEY=...
+```
+
+## Security
+
+⚠️ **Belangrijk:**
+- `NEXT_PUBLIC_*` variabelen zijn zichtbaar in de browser
+- `SUPABASE_SERVICE_ROLE_KEY` moet **NOOIT** naar de client worden gestuurd
+- Gebruik `supabase` (client) voor frontend operaties
+- Gebruik `supabaseAdmin` (server) alleen in API routes en Server Components
+
+## Volgende Stappen
+
+1. ✅ EP00-ST03: Supabase configuratie (Done)
+2. ⏳ EP01-ST01: Database schema aanmaken
+3. ⏳ EP01-ST02: Row Level Security policies
+4. ⏳ EP02-ST01: Authentication implementeren