Formation Labs

Cloudflare Pages pattern demo

Live demonstrations of the patterns from the client README.

Demo steps — click top to bottom

Click each step in order, then use your browser’s Back button to return here. Steps 3, 7, and 8 have no link — they happen on the page you’re already on.

• 1 · Fallback (start here)
  /start?agent=typo unknown agent → clean generic page. Also try /start (no code at all).
• 2 · Happy path
  /start?agent=mike&lo=jon personalized headline. Swap agent: sarah · dave.
• 3 · Hidden-field capture No link — on the Step 2 page, fill the form and click Submit. The green line proves the fields captured.
• 4 · Vanity shortlink
  /mike 301 → personalized /start
• 5 · Legacy redirects
  /old-about · /old-team · /rates-2019 each 301s → /start (watch the address bar change)
• 6 · Custom 404
  /does-not-exist branded 404 with Apply + Text us
• 7 · Event tracking No link — open Console (F12), click Apply / Text / Call, then type dataLayer.
• 8 · Mobile No link — your phone, or Ctrl+Shift+M in Chrome.