Wellness-first webapp voor volwassen individuele gebruikers die hun energie willen plannen, uitvoeren en evalueren.
https://inspannings-monitor.vercel.app
| .vscode | ||
| app | ||
| components | ||
| docs | ||
| lib | ||
| supabase | ||
| .env | ||
| .env.example | ||
| .env.local | ||
| .gitignore | ||
| .nvmrc | ||
| components.json | ||
| energypace-specificatie-verbeteradvies-2026-04-17.docx | ||
| eslint.config.mjs | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.mjs | ||
| proxy.ts | ||
| README.md | ||
| tsconfig.json | ||
Inspannings Monitor
Wellness-first webapp voor individuele gebruikers die hun energie willen plannen, uitvoeren en evalueren.
Stack
- Next.js 16 App Router
- React 19
- TypeScript
- Tailwind CSS
- shadcn/ui component foundation
- Vercel als hostingdoel
- Supabase voor database en authenticatie
Scripts
npm run devnpm run buildnpm run startnpm run lint
Supabase Auth configuratie
- Kopieer
.env.examplenaar.env.local - Vul in:
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY
- Zet in Supabase Dashboard aan:
- Email/password auth
- Self-signup
- Email confirmation verplicht
- Voeg redirect URLs toe voor:
http://localhost:3000/auth/confirm- je Vercel productie-URL
- eventuele preview-URL's die je wilt testen
Supabase database migraties
Voor ST-102 staat de eerste databasefundering in:
supabase/migrations/20260418_create_profiles_and_user_settings.sql
Voer deze SQL uit in de Supabase SQL Editor of via de Supabase CLI voordat je de profile/settings-laag lokaal test.
UI foundation
De app gebruikt nu shadcn/ui bovenop Tailwind CSS als herbruikbare basis voor
knoppen, formulieren, kaarten en meldingen. De theme tokens staan centraal in
app/globals.css, zodat kleur, focus-states en componentgedrag consistenter blijven.
Eerstvolgende bouwstappen
ST-201Ochtendcheck-in UI bouwenST-203Budgetlogica implementerenST-301Activiteitenmodel en planning opzettenST-105RLS-policy tests en hardening afronden