Storybooks& Insights · Denklab ↗ naar de site

← Denklab · Gedachtegoed

Deploy — Cloudflare Pages + domeinen

De site staat in site/ (Astro, vanilla CSS/JS). Hosting = Cloudflare Pages, auto-deploy vanaf main. Primair domein = storybooksandinsights.com; de drie varianten 301-en daarnaartoe.

1. Cloudflare Pages — het project

Workers & Pages → Create → Pages → Connect to Git → repo mark-notifica/storybooks-insights (Cloudflare GitHub-app toegang geven tot deze privé-repo).

Build-instellingen (exact):

VeldWaarde
Production branchmain
Framework presetAstro
Build commandnpm run build
Build output directorydist
Root directory (advanced)site

Environment variable toevoegen (voorkomt Node-versie-build-fout):

NaamWaarde
NODE_VERSION22

Save & Deploy → eerste build geeft een *.pages.dev-URL.

2. Custom domain koppelen

Pages-project → Custom domains → Set up a custom domain:

Cloudflare maakt de DNS-records automatisch (apex via CNAME-flattening) én regelt het SSL-cert. Conflict? Als Pages klaagt dat er al een record op de apex staat: verwijder in DNS de geïmporteerde STRATO-placeholder A 217.160.0.248 en AAAA op de apex, en laat Pages z’n eigen record zetten.

3. De drie varianten → 301 naar primair

In elk van de drie zones (storybooks-and-insights.com, insights-and-storybooks.com, insightsandstorybooks.com): Rules → Redirect Rules → Create rule

Voorwaarde: er moet een proxied (oranje wolk) DNS-record voor de apex + www in die zone staan — de van STRATO geïmporteerde records voldoen; de redirect vuurt aan de Cloudflare-edge (het placeholder-IP wordt nooit echt geraakt). Universal SSL provisiont vanzelf zodra de zone Active is.

Volgorde

  1. Nameservers bij STRATO → Cloudflare (gedaan; wacht op registry-propagatie tot ~24u).
  2. Zones Active in Cloudflare (mail per domein).
  3. Pages-project + build (stap 1) → *.pages.dev werkt.
  4. Custom domain koppelen (stap 2) → primair live.
  5. Redirect Rules in de drie varianten (stap 3).

Notities