Deployment to Cloudflare pages

[debuggingfuture]

Background

Astro supports cloudflare page deployment
However it turns out it is very ticky to handle dependency properly for ssr site

https://developers.cloudflare.com/pages/framework-guides/deploy-an-astro-site/

Sample Setup

• wrangler.toml with nodejs_compat https://developers.cloudflare.com/workers/runtime-apis/nodejs/
• cloudflare adapter
• set vite config externals to include e.g. ['node:process'] which occur errors

Analysis

• It is under impression that wrangler will apply unenv according to docs here
  • however if astro is used to build, wrangler will just take it as-is
  • it is possible to explicit apply unenv inside astro config and setup cloudflare preset
  • issues:

    • unenv cloudflare preset evolved quite a bit since v1.10.0 release (https://github.com/unjs/unenv/tree/main). Use git to resolve for latest branch

    • config has to run in 3 runtimes

      1. astro server e.g. static paths
      2. astro server routes (run as cloudflare functions)
      3. browser, for the client component (client:only="react")

    • if cloudflare preset is not used, server routes will be missing dependencies.

    • if cloudflare preset is used, it can build but as astro bundle react & dependencies in chunk, client component will get errors like "process is not defined" as it try to run the cloudflare shim versions too