Skip to content

feat(site): /react and /devtool landing pages + @xnetjs/server docs (0224) - #271

Merged
crs48 merged 4 commits into
mainfrom
claude/0224-react-devtools-docs
Jun 25, 2026
Merged

feat(site): /react and /devtool landing pages + @xnetjs/server docs (0224)#271
crs48 merged 4 commits into
mainfrom
claude/0224-react-devtools-docs

Conversation

@crs48

@crs48 crs48 commented Jun 25, 2026

Copy link
Copy Markdown
Owner

Implements exploration 0224: discoverable, single-page guides for React developers, plus docs for the new @xnetjs/server kit.

Built off the reverted (minimal) main — matches the current minimal marketing aesthetic, not the reverted performative UI.

What landed

  • /react — a choose-your-own-adventure: hero "magic line" → schema + hooks → 3-step "how it works" → a two-card fork (Managed Hub vs. bring-your-own @xnetjs/server) with per-path code and doc links → DevTools feature section → feature grid → CTA. Reads stand alone; links into the docs throughout.
  • /devtool — a DevTools showcase: a 5-panel switcher (Data / Changes / Performance / Logs / Seed) with stylized panel representations, "built on the same hooks / zero bytes in prod", an enable snippet, and the 20-panel map.
  • docs/guides/server.mdx — canonical @xnetjs/server reference (trust spectrum, the three auth hooks, createRemoteQueryClient), registered in sidebar.mjs; llms-full.txt regenerated. Cross-linked from the Hub guide and hooks overview.
  • CodeTabs.astro — small dependency-free package-manager tabs (localStorage-synced, no-JS fallback).
  • Footer gains a "Develop" column (React, DevTools, hooks, your-own-server); Nav gains a React link.

Verification

  • pnpm --filter site build succeeds — 92 pages, including /react, /devtool, /docs/guides/server/.
  • Previewed both pages: hero renders, fork cards side-by-side, package-manager tabs switch, DevTools panel switcher works, dark mode correct, no console errors.

Checklist

8/9 implementation + 8/9 validation in the doc; it stays [_] because two items are deferred:

  • Real DevTools screenshots — capturing them needs apps/web running (passkey bypass → Seed → ⌘⇧D), which is orthogonal to this site PR. The page ships with clean, clearly-labeled stylized panel representations; swapping in real captures is a quick follow-up.
  • Lighthouse/CWV pass — pages are static with minimal JS; a formal audit is a follow-up.

🤖 Generated with Claude Code

xNet Test and others added 4 commits June 25, 2026 12:14
- /react: choose-your-own-adventure for React devs — hooks first, then a
  two-card fork (managed Hub vs. bring-your-own @xnetjs/server) with per-path
  code and doc links, a DevTools feature section, and CTAs.
- /devtool: DevTools showcase — a 5-panel switcher (Data/Changes/Performance/
  Logs/Seed) with stylized panel representations, enable snippet, and the
  20-panel map. Built on the same hooks; zero bytes in prod.
- New CodeTabs.astro (package-manager tabs, localStorage-synced, no-JS fallback).
- New docs/guides/server.mdx (canonical @xnetjs/server reference) + sidebar entry;
  cross-linked from the Hub guide and hooks overview. llms-full.txt regenerated.
- Footer gains a 'Develop' column; Nav gains a 'React' link.

Matches the minimal (post-revert) marketing aesthetic. Site builds (92 pages);
both pages verified in preview (tabs switch, dark mode, no console errors).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
8/9 implementation + 8/9 validation done. Real DevTools screenshot capture and
a Lighthouse pass remain (tracked as follow-ups); page ships with stylized
panel representations.
@crs48
crs48 temporarily deployed to pr-271 June 25, 2026 19:27 — with GitHub Actions Inactive
@github-actions

github-actions Bot commented Jun 25, 2026

Copy link
Copy Markdown
Contributor

Preview removed for PR #271.

github-actions Bot added a commit that referenced this pull request Jun 25, 2026
@crs48
crs48 merged commit 859e8b9 into main Jun 25, 2026
13 checks passed
@crs48
crs48 deleted the claude/0224-react-devtools-docs branch June 25, 2026 19:41
github-actions Bot added a commit that referenced this pull request Jun 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant