Cloudflare Pages sandbox - wujood.pk

Wujood Field Notes

A playful Astro site built purely to exercise the Pages pipeline. Drop it on a new project, point it at wujood.pk, and you have a living heartbeat for your testing stack.

View deployment plan [email protected]

Stack

Astro 5 - Static

Built with `npm run build`

Platform

Cloudflare Pages

Pages project with direct uploads

Custom domain

wujood.pk

Apex + www mapped inside Cloudflare DNS

Modules inside this build

Experiments currently glowing

Live section

Signal Beacon

Glassmorphic hero banner with gradient glow that adapts to every breakpoint.

  • Fluid typography
  • ARIA-friendly buttons
  • Custom accent palette

Content grid

Field Capsules

Expandable cards outlining what is running in this sandbox build.

  • CSS Grid layout
  • Tokenized color variables
  • One-file content source

Timeline

Activation Log

Step-by-step checklist that mirrors the Cloudflare Pages workflow.

  • Direct upload ready
  • Domain wiring plan
  • Contact channel baked in

Activation log

Pages deployment steps

  1. 1 - Bootstrap

    Install & develop locally

    npm install (already done) and npm run dev for local edits. No environment variables required.

  2. 2 - Build & upload

    npm run build -> dist

    Upload the dist folder with wrangler pages publish dist or connect the repo to Cloudflare Pages.

  3. 3 - Domain wiring

    Attach wujood.pk

    Add wujood.pk as a custom domain in Pages -> Settings, then let Cloudflare generate the required CNAME records.

Quick reminder

DNS & Pages checklist

Ready for wujood.pk

The build is optimized, tiny, and static. Connect it to Cloudflare Pages, assign the apex domain, and you instantly have a glowing placeholder that proves routing is healthy. Feel free to extend the components or drop in new content blocks.