App-patronen

Kies de kleinste app-vorm die bij de taak past. Voeg een process, database, sync of AI API alleen toe als de app die mogelijkheid nodig heeft.

Gebruiker wil	Gebruik	Opmerkingen
Landingspagina, rapport, statische pagina	UI-app	Eén UI-component is genoeg.
Dashboard of intern hulpmiddel met servergegevens	UI + process	Houd API-routes en inloggegevens in de process-component.
Permanente app-gegevens	UI + process + database	Hergebruik een geschikte actieve database voordat je een nieuwe maakt.
Offline of directe multi-device-gegevens	Realtime-app	Schakel sync in en controleer `sync: ready` voordat je de app aansluit.
Geplande taak of webhook	Process-app	Gebruik triggers op een process-component.
AI-aangedreven functie in een app	Process + Kazzle AI API	Gebruik `/ai/*` met een `kzl_` API-sleutel.
Hulpmiddel dat de assistent later moet aanroepen	Skill + process	Voeg een skill-map toe (`SKILL.md` + `tools.ts`) en ondersteun elke `target.type: 'app'`-tool met een route op een process-component.

Standaardinstellingen

Begin met een sjabloon als die past.
Houd frontend-code vrij van geheimen en database-URL’s.
Plaats server-only werk in een process-component.
Gebruik sibling-component-URL’s in plaats van hardcoded localhost-adressen.
Controleer voorbeelden in het app-workspace-tabblad voordat je zegt dat de app actief is.