68 lines
1.7 KiB
Markdown
68 lines
1.7 KiB
Markdown
# 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
|