Skip to content

build: deploy the playground and Storybook to Cloudflare Workers - #384

Merged
alexgrozav merged 1 commit into
mainfrom
alexgrozav/playground-storybook-cloudflare
Oct 30, 2026
Merged

alexgrozav merged 1 commit into
mainfrom
alexgrozav/playground-storybook-cloudflare

Conversation

@alexgrozav

Copy link
Copy Markdown
Contributor

What

Adds wrangler.jsonc to apps/playground and apps/storybook, which deploy both apps to Cloudflare Workers as static assets.

Why

The playground and Storybook are moving to Cloudflare, like the docs site. Both are static builds, so each Worker serves only the build output and has no script.

How verified

PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1 pnpm turbo run build --filter=@styleframe/playground --filter=@styleframe/storybook
# rebuilt apps/playground/dist and apps/storybook/storybook-static from clean

npx wrangler@4.156.0 deploy --dry-run   # in apps/playground
# Read 9 files from the assets directory apps/playground/dist
# No bindings found.
# --dry-run: exiting now.

npx wrangler@4.156.0 deploy --dry-run   # in apps/storybook
# Read 164 files from the assets directory apps/storybook/storybook-static
# No bindings found.
# --dry-run: exiting now.

Notes

  • Needs dashboard settings. Set the root directory to the app folder and the deploy command to npx wrangler deploy. The build command must run from the repo root through turbo, so the workspace packages build first. A plain pnpm run build in the app folder fails because the @styleframe/* dist folders don't exist yet.
    • Playground: cd ../.. && pnpm turbo run build --filter=@styleframe/playground
    • Storybook: cd ../.. && pnpm turbo run build --filter=@styleframe/storybook, with the env var PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1
  • The playground uses SPA fallback for unknown paths. Storybook uses the default 404 handling.
  • The largest asset is the playground's esbuild wasm (13 MB), under the 25 MiB per-file limit.
  • The docs config is in a separate PR (build(docs): deploy the static site to Cloudflare Workers #383).
  • No changeset: the apps are ignored by changesets.

Both are static builds, so each Worker serves only assets. The configs note that the build must run from the repo root through turbo, so the workspace packages are built first.
@vercel

vercel Bot commented Oct 30, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
styleframe-dev Ready Ready Preview Oct 30, 2026 8:45am UTC
styleframe-dev-storybook Ready Ready Preview Oct 30, 2026 8:45am UTC

Request Review

@alexgrozav
alexgrozav merged commit dd138f4 into main Oct 30, 2026
5 of 7 checks passed
@alexgrozav
alexgrozav deleted the alexgrozav/playground-storybook-cloudflare branch October 30, 2026 08:44

This branch was successfully deployed

2 active deployments
Preview – styleframe-dev — e016593f Deployed Oct 30, 2026 by vercel[bot]
Preview – styleframe-dev-storybook — e016593f Deployed Oct 30, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant