Star on GitHubStar1.1k stars

Case study

rauchg.com: rebuilding an RSC blog from captured Flight output

Documents a website-rebuild-skill case that decodes browser-delivered React Server Component Flight streams, reconstructs a buildable Next project and compares its output with a captured site. The reported rauchg.com campaign uses route-tree comparison and module-reference mapping; the new server source is inferred from observable output.

Targets
Website
Category
Independent reconstruction cases
Relationship
Independent reconstruction project
Sources reviewed

Requirements & limits

  • Prerequisites: The documented rauchg.com snapshot used Next 16.1.1, Turbopack and React 19 canary. The tooling requires Node.js 22+ and a local Chrome/Chromium for comparison; some stages invoke version-pinned external tools. Repeating the method needs an authorized target snapshot and a separately built reconstruction, not just the skill repository.
  • Scope: Flight decoding exposes delivered element trees, route state and client-module references. The reconstructed server-component source is explicitly an inference from that output; flight-to-mdx also needs site-specific shape/link adaptations.
  • Testing evidence: The author reports 18/18 routes passing a Flight semantic gate and a runtime sweep for this case. The gate compares normalized trees and enforces a global module-ID bijection. It normalizes build-hash namespaces and selected encoding differences; configured prop/class exclusions can omit registered fields or subtrees.
  • Testing evidence: The gate does not check CSS, so layout, fonts and rendered pixels need separate comparisons. Public synthetic self-tests include changed-text rejection and rejection of a one-to-many module mapping.
  • Limits: The method explicitly leaves unobserved error responses, database/write paths, server caches, dynamic-image generator source and unlinked routes unresolved. The author also notes possible model-training familiarity with a nominally blind target.
  • License: MIT applies to the skill and tooling, not to reconstructed websites, their scripts, fonts or other assets. The source documents separate authorization/publication decisions and private, noindex output defaults.

About this entry

The description was reviewed against primary sources.

Report an outdated entry Suggest a translation fix

Discussed in the survey

Primary sources

  1. skills/website-rebuild/references/rsc-reconstruction.md GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d
  2. README.en.md GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d
  3. skills/website-rebuild/references/case-studies/rsc-reconstruction.md GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d
  4. skills/website-rebuild/scripts/flight-decode.mjs GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d
  5. skills/website-rebuild/scripts/verify-flight.mjs GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d
  6. skills/website-rebuild/tools/flight-to-mdx.mjs GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d
  7. selftest/run.mjs GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d
  8. LICENSE GitHub · boyang-hu/website-rebuild-skill · Revision ac60c9d

More in Websites

All 61 entries in WebsitesWebsites case studies (13)

↑↓ move↵ open⌘↵ new tab