fix: add lesson files
This commit is contained in:
115
Samenvattingen/Les07-Samenvatting.md
Normal file
115
Samenvattingen/Les07-Samenvatting.md
Normal file
@@ -0,0 +1,115 @@
|
||||
# Les 7: Backend Made Easy met Supabase + AI + Skills
|
||||
|
||||
## Hoofdstuk
|
||||
**Hoofdstuk 2: Intermediate** (Les 4-9)
|
||||
|
||||
## Beschrijving
|
||||
Gebruik AI om backend te bouwen zonder backend expert te zijn. Focus op Supabase + AI + Skills combinatie.
|
||||
|
||||
---
|
||||
|
||||
## Te Behandelen
|
||||
|
||||
### Supabase Overview
|
||||
- Open-source Firebase alternative
|
||||
|
||||
**Core Features:**
|
||||
- Postgres database
|
||||
- Authentication
|
||||
- Storage
|
||||
- Realtime
|
||||
- Edge Functions
|
||||
- Vector database
|
||||
|
||||
### Waarom Supabase + AI Perfect Combo
|
||||
- AI helpt met complexe database dingen
|
||||
|
||||
### Skills voor Supabase
|
||||
- "supabase-postgres-best-practices" skill
|
||||
|
||||
### Database Design met AI + Skills
|
||||
- Natuurlijke taal → genormaliseerd schema
|
||||
|
||||
### Row Level Security (RLS)
|
||||
- RLS policies met AI + Skills
|
||||
- Waarom RLS belangrijk is
|
||||
|
||||
### TypeScript Types
|
||||
- Supabase CLI auto-genereert types van database
|
||||
|
||||
### Supabase Client
|
||||
- Setup
|
||||
- Basis CRUD operaties
|
||||
- Realtime subscriptions intro
|
||||
- Supabase Storage intro
|
||||
|
||||
### Focus
|
||||
AI + Skills doen zwaar werk, jij leert concepten
|
||||
|
||||
---
|
||||
|
||||
## Tools
|
||||
- OpenCode/WebStorm
|
||||
- Supabase
|
||||
- supabase-postgres-best-practices skill
|
||||
- Next.js
|
||||
|
||||
---
|
||||
|
||||
## Lesopdracht (2 uur)
|
||||
|
||||
### Deel 1: Supabase Skills Setup (10 min)
|
||||
- Installeer "supabase-postgres-best-practices" skill in OpenCode/WebStorm
|
||||
- Maak gratis Supabase project
|
||||
- Bewaar credentials
|
||||
|
||||
### Deel 2: Bouw Todo App Backend (1u 50min)
|
||||
|
||||
**Database Schema met AI + Skill (30 min):**
|
||||
- Prompt: "Ontwerp database schema voor todo app met users, todos (title, description, due_date, priority, completed), categories, proper relationships."
|
||||
|
||||
**RLS Policies met AI + Skill (30 min):**
|
||||
- Prompt: "Maak RLS policies: users kunnen alleen hun eigen todos zien/bewerken."
|
||||
|
||||
**Next.js Integratie (50 min):**
|
||||
- Setup Supabase client
|
||||
- Bouw UI:
|
||||
- Create todo
|
||||
- List todos
|
||||
- Complete/delete
|
||||
- Filter by category
|
||||
- Implementeer CRUD met error handling
|
||||
- Test of RLS werkt
|
||||
|
||||
---
|
||||
|
||||
## Huiswerk (2 uur)
|
||||
|
||||
### Extend Todo App
|
||||
|
||||
**Nieuwe Features:**
|
||||
1. **Categories systeem** - create/assign/filter, colors
|
||||
2. **User profile pagina** - avatar upload naar Storage, display name
|
||||
3. **Stats dashboard** - completed vs incomplete charts, trends
|
||||
|
||||
**Deployment:**
|
||||
- Deploy naar Vercel met proper env vars
|
||||
|
||||
### Reflectie (400 woorden)
|
||||
|
||||
Schrijf over:
|
||||
- Verschil in security/quality met vs zonder Supabase skill?
|
||||
- Nieuwe patterns geleerd?
|
||||
- Queries die je fout zou schrijven zonder AI?
|
||||
- Zou je backend bouwen zonder AI hulp?
|
||||
|
||||
---
|
||||
|
||||
## Leerdoelen
|
||||
Na deze les kan de student:
|
||||
- Supabase project opzetten en configureren
|
||||
- Database schema's ontwerpen met AI + Skills
|
||||
- Row Level Security (RLS) policies implementeren
|
||||
- TypeScript types genereren van database
|
||||
- CRUD operaties implementeren met Supabase client
|
||||
- De supabase-postgres-best-practices skill effectief gebruiken
|
||||
Reference in New Issue
Block a user