Deploy to Cloudflare Pages

[eliot-akira]

Edit: Below information added as a guide in the documentation.

• Deploy to Cloudflare Pages - https://docs.tangible.one/guides/cloudflare-pages

---

Resolves #12. Merge when the env variables are prepared in the repository settings.

For reference, see Cloudflare Pages GitHub Action.

From GitHub repo's Settings -> Secrets -> Actions, add new "repository secrets".

• CLOUDFLARE_ACCOUNT_ID
  • From dash.cloudflare.com, select the domain. In the Overview's right sidebar, scroll down to find Account ID.
• CLOUDFLARE_API_TOKEN
  • From dashboard, select your user's avatar (top right) and go to Profile -> API Tokens -> Create Token. Then to Custom Token -> Get Started.
  • Name: tangible-cloudflare-pages-deploy
  • Under Permissions, select Account, Cloudflare Pages, and Edit.
  • Click Continue to Summary, and Create Token.

From Cloudflare dashboard, create a Pages project.

• Go to Workers & Pages, click Create Application. Then Pages -> Drag and drop your files.
• Name: storybook-fields. Then Created Project - no need to Deploy Site, it will be done in the next step.

Prepare GitHub Actions workflow script.

• Create .github/workflows/deploy-cloudflare-pages.yml
• Copy from tangible-ui or pipeline, and replace project-specific values:
  • projectName: storybook-fields - Same as Cloudflare Pages project created above