← Back to Runbooks

Advanced Frontend Recovery Runbook

Implementation Plan: Advanced Artifact Integration & Deployment to "cooperlux"

Goal Description

You are completely right: cooperluxe.com is hosted on Wix, and cooperlux.com is the Cloudflare zone we are targeting. My previous deployment used cooperlux-runbook, but per your instructions, we need this fully integrated and deployed specifically to the cooperlux project on Cloudflare to properly sit behind your cooperlux.com credentials.

This plan will migrate all your advanced HTML forms, ABKC questionnaires, and walkthroughs from the legacy cooperluxe folders into the correct ecosystem-cooperlux repository, strip out the placeholder text that caused the alarm, and deploy it to the correct cooperlux Cloudflare Pages project.

User Review Required

[!IMPORTANT]

  • I will create a new Cloudflare Pages project named exactly cooperlux (if it does not exist) or deploy over it if it does.
  • This guarantees the deployment URL will be cooperlux.pages.dev and can seamlessly map to the cooperlux.com root or subdomains.

Proposed Changes

1. Asset Migration (Preserving Your Work)

We will migrate the rich HTML artifacts from the legacy directory into the new ecosystem-cooperlux public directory so they are served exactly as they were built.

  • [NEW] /root/ecosystems/ecosystem-cooperlux/public/guides/
    • Migrate all advanced walkthroughs (e.g., eco-publishing-pipeline-walkthrough, dane-user-gates, devforge-devluxe-10x-claim-walkthrough).
  • [NEW] /root/ecosystems/ecosystem-cooperlux/public/abkc/
    • Migrate the advanced ABKC questionnaires and intake forms (e.g., abkc-sop-intake, abkc-admin-office-v1).
  • [NEW] /root/ecosystems/ecosystem-cooperlux/public/abkc-widget/
    • Migrate the abkc-widget code.

2. Next.js Frontend Updates (Fixing the UI)

We will completely rewrite the React pages to remove the terrifying placeholders and link directly to your real, advanced frontend formats.

  • [MODIFY] /root/ecosystems/ecosystem-cooperlux/src/app/walkthroughs/page.tsx
    • Remove placeholders. Replace with a dynamic list of links pointing to the real /guides/.../index.html artifacts.
  • [MODIFY] /root/ecosystems/ecosystem-cooperlux/src/app/questionnaires/page.tsx
    • Remove placeholders. Replace with a directory pointing to the advanced ABKC HTML questionnaires (/abkc/... and /guides/...).
  • [MODIFY] /root/ecosystems/ecosystem-cooperlux/src/app/runbooks/page.tsx
    • Update to link to the technical architecture runbooks.

3. Target Deployment to cooperlux

  • [EXECUTE] npm run build inside ecosystem-cooperlux.
  • [EXECUTE] wrangler pages deploy out/ --project-name cooperlux using the verified Cloudflare API token.
  • [EXECUTE] Clean up the erroneous cooperlux-runbook project.

Verification Plan

Automated Tests

  • Run npm run build and verify that the out/guides and out/abkc directories exist and contain the HTML files.

Manual Verification

  • You will manually verify the live Cloudflare Pages URL at https://cooperlux.pages.dev. You will see the links route correctly to your advanced HTML artifacts, ensuring all your previous work is live and correctly tied to the cooperlux ecosystem, not cooperluxe.