> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kazzle.com/llms.txt
> Use this file to discover all available pages before exploring further.

# App-patronen

> Welke Kazzle app-vorm je gebruikt voor veelvoorkomende taken.

# App-patronen

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

| Gebruiker wil                                     | Gebruik                 | Opmerkingen                                                                                                                                |
| ------------------------------------------------- | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
| Landingspagina, rapport, statische pagina         | UI-app                  | Eén UI-component is voldoende.                                                                                                             |
| 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 elk `target.type: 'app'` hulpmiddel met een route op een process-component. |

## Standaardinstellingen

* Begin met een sjabloon wanneer dit 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-dev-tabblad voordat je zegt dat de app actief is.