# rauchg.com：根据捕获的 Flight 输出重建 RSC 博客 > 记录 website-rebuild-skill 的一个案例：解码浏览器收到的 React 服务端组件 Flight 流，重建可构建的 Next 项目，再与捕获站点的输出比较。作者报告的 rauchg.com 重建过程采用路由树比较与模块引用映射；新服务端源码由可观察输出推断。 - 类型：案例 - 目标：网站 - 类别：独立重建案例 - 关联：独立重建项目 - 来源复核于：2026-10-17 - 收录于：2026-10-17 - 原始资源： - 目录页面： - 记录 JSON： - 英文版：[English](https://awesomerea.org/resources/rauchg-rsc-reconstruction-case/index.md) ## 使用条件与局限 - **前提条件：**文档中的 rauchg.com 快照使用 Next 16.1.1、Turbopack 和 React 19 canary。工具需要 Node.js 22+，并使用本地 Chrome／Chromium 做比较；部分阶段调用固定版本的外部工具。重做该方法需要获授权的目标快照和另行构建的重建结果，而不只是技能仓库。 - **范围：**Flight 解码呈现已下发的元素树、路由状态和客户端模块引用。重建的服务端组件源码被明确视为根据这些输出推断的结果；flight-to-mdx 也需要针对站点调整结构与链接处理。 - **测试证据：**作者报告此案例的 18/18 条路由通过 Flight 语义检查与运行遍历。检查器比较规范化后的树，并要求模块 ID 建立全局一一映射；它归一化构建哈希命名及选定编码差异，配置的属性／类排除项还可忽略已登记字段或子树。 - **测试证据：**该检查器不检查 CSS，因此布局、字体与渲染像素需要另行比较。公开合成自测包括拒绝文本变更和拒绝一个源模块对应多个重建模块。 - **局限：**方法明确留下未观察到的错误响应、数据库／写入路径、服务端缓存、动态图像生成器源码及无入链路由等未恢复范围。作者也说明，名义上的盲测目标可能已存在于模型训练知识中。 - **许可：**MIT 适用于技能与工具，不适用于重建网站及其脚本、字体或其他素材。源码文档将授权与发布另行处理，输出默认私有并设置 noindex。 ## 一手来源 1. 2. 3. 4. 5. 6. 7. 8. ## 同分区更多条目：网站 - [BaoCut Slides：交互式网页编辑器改编](https://awesomerea.org/zh/resources/baocut-slides-editor-case/index.md) · 案例 - [Claude Code 中的 REA：隔离配置下的静态分析 A/B 试验](https://awesomerea.org/zh/resources/rea-claude-code-isolated-ab-case/index.md) · 案例 - [恐龙跑酷：经 REA 检查、由 Codex 重建的速度规则](https://awesomerea.org/zh/resources/rea-dino-runner-community-case/index.md) · 案例 - [Terminal：参考 TradingView 图表研究的 Rust 终端](https://awesomerea.org/zh/resources/terminal-tradingview-rea-chart-case/index.md) · 案例 - [BaoCut Design：移植重建的设计稿与设计系统编辑器](https://awesomerea.org/zh/resources/baocut-design-canvas-case/index.md) · 案例 - [whatsapp-web-reveng：记录旧版 WhatsApp Web 协议](https://awesomerea.org/zh/resources/whatsapp-web-reveng-legacy-protocol-case/index.md) · 案例 ## 关于此条目 说明已依据一手来源复核。 原创说明采用 MIT 许可；外部项目、论文与素材保留各自的权利和许可。