From 1c16ce1a6e3e897299264679f939d4769d8b452d Mon Sep 17 00:00:00 2001 From: Lovebug MCP Date: Thu, 28 May 2026 01:27:55 +0000 Subject: [PATCH] =?UTF-8?q?mcp:=20project-plan=20=E2=80=94=20PBS=20Design?= =?UTF-8?q?=20Sandbox=20=E2=80=94=20fast=20WP-free=20prototyping?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Sources/Dev/pbs-design-sandbox.md | 41 +++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 Sources/Dev/pbs-design-sandbox.md diff --git a/Sources/Dev/pbs-design-sandbox.md b/Sources/Dev/pbs-design-sandbox.md new file mode 100644 index 0000000..50181c1 --- /dev/null +++ b/Sources/Dev/pbs-design-sandbox.md @@ -0,0 +1,41 @@ +--- +created: '2026-05-28' +path: Sources/Dev +project: pbs-design-sandbox +tags: +- pbs +- astro +- design +- prototyping +- traefik +type: project-plan +--- + +## Goal + +A fast, low-friction prototyping sandbox for iterating on **custom PBS design ideas** — speed of iteration is the whole point, and explicitly **not tied to WordPress**. Distinct from the existing Linode WP staging mirror (which Travis already has); this is for trying *custom* ideas quickly, "closer" than a cloud redeploy each time. + +## Locked Decisions + +- **Not WordPress.** WP is the opposite of fast design iteration; this sandbox is decoupled from it. +- **Separate from the Linode WP staging mirror** — that already exists and serves WP staging; this is a different need. +- Speed-of-iteration is the priority that drives tooling choices. + +## Open Items + +- **What the custom ideas actually are** — Travis deferred explaining ("I can explain the custom ideas later"). Candidates that came up: the membership "Garden" UI, a custom PBS front-end, recipe-cards/seed-packets, landing/marketing pages. This is the key unknown that shapes everything. +- **Framework** — Astro is the lead recommendation for a content/recipe brand (component-based, content-first, ships static). Alternatives already scaffolded in the project-scaffolding skill: React+Vite, Hono, T3. +- **Local-only vs hosted preview** — pure local hot-reload (fastest loop) vs also a homelab preview route to view on devices / share. + +## Phases + +Rough shape discussed (two layers): + +1. **Dev loop (speed):** a modern component framework with hot-reload — edit → instant browser refresh, no DB/migration. Runs locally = fastest loop. Astro lead pick; one command via the project-scaffolding skill. +2. **Preview layer ("closer" + shareable):** optional homelab-hosted preview at `design.herbylab.dev` (or `sandbox.*`) behind the existing Traefik + Cloudflare + Authentik — auth-gated, instant, nearly free since the plumbing exists. A static build behind Traefik, not a heavy VM. + +## Notes + +- "Not tied to WordPress" ≠ cut off from content: prototypes can pull live recipes via the WP REST API headlessly if they need to feel real, without *being* a WP site. +- Assets already in place that make this cheap: the project-scaffolding skill (Astro/React+Vite/Hono/T3), and the homelab Traefik + Cloudflare DNS-01 + Authentik stack for instant auth-gated `*.herbylab.dev` previews. +- Source: discussion on 2026-05-27 (Lovebug/Dispatch chat). Idea-stage; flesh out once Travis details the custom ideas. \ No newline at end of file