Cloudflare

Wat we gebruiken

Product	Gebruik
Cloudflare Pages	Hosting van de app (Vite SPA) en de docs
Cloudflare Workers	Hosting van de Hono API
Cloudflare DNS	DNS beheer voor het domein
Cloudflare CDN	Automatisch via Pages (ingebouwd)
Cloudflare SSL	Automatisch via Pages (ingebouwd)

Projecten

Project	Type	Branch	URL
`doghotel-app`	Pages	`main`	`app.[domein].com`
`doghotel-app-preview`	Pages	`develop`	`preview.[domein].com`
`doghotel-api`	Worker	`main`	`api.[domein].com`
`doghotel-docs`	Pages	`main`	`docs.[domein].com`

Build instellingen

App (Vite + React SPA)

Build command:    pnpm --filter @doghotel/web build
Build output:     apps/web/dist
Root directory:   /
Node version:     20

API (Hono op Workers)

Deploy command:   pnpm --filter @doghotel/api deploy
Configuratie:     apps/api/wrangler.toml

Docs (Starlight)

Build command:    pnpm --filter @doghotel/docs build
Build output:     apps/docs/dist
Root directory:   /
Node version:     20

Environment variables

App (Cloudflare Pages)

VITE_SUPABASE_URL=https://[project-id].supabase.co
VITE_SUPABASE_ANON_KEY=[anon-key]
VITE_API_URL=https://api.[domein].com

API (Cloudflare Workers — via wrangler secrets)

SUPABASE_URL=https://[project-id].supabase.co
SUPABASE_SERVICE_ROLE_KEY=[service-role-key]
SENTOO_API_KEY=[sentoo-api-key]
SENTOO_WEBHOOK_SECRET=[webhook-secret]
RESEND_API_KEY=[resend-api-key]
APP_URL=https://app.[domein].com

Custom domein

1. Domein registreren (of bestaand domein)
2. DNS naar Cloudflare nameservers
3. Custom domains instellen:
   - app.[domein].com  → doghotel-app (Pages)
   - api.[domein].com  → doghotel-api (Worker)
   - docs.[domein].com → doghotel-docs (Pages)
4. SSL certificaat wordt automatisch aangevraagd

Deployment

Deployment verloopt via GitHub Actions. Zie CI/CD & GitHub Actions voor de volledige workflow configuratie.

Developer pusht naar develop
    → CI check (lint + typecheck + build)
    → Deploy app naar preview
    → Deploy API naar staging

Push naar main
    → Deploy app naar productie (Pages)
    → Deploy API naar productie (Workers)
    → Notificatie

Waarom Cloudflare

Gratis tier is ruim voldoende voor de initiële fase (500 builds/maand, onbeperkte requests)
Workers voor de API: 100K requests/dag gratis, lage latency op de edge
Globale CDN met lage latency, ook voor de Caribbean
Automatisch SSL zonder extra configuratie
Preview deployments per branch (handig voor testen)
Integratie met GitHub voor automatische deploys