用Next.js打造大脑行为解释搜索引擎

在短视频里刷到"为什么走进房间就忘了要拿什么"，视频一划走，解释也跟着消失。Why Your Brain Does That 试图解决的就是这个问题：把那些一闪而过的行为解释，变成可搜索、可停留的独立页面。

该项目由 The Compound 团队构建，基于 Next.js 和 React，目前已上线于 whyyourbrain.thecompound.tech。它本质上是一个命名体验索引——用户输入一个词、一个房间或一个动作，就能找到对应的行为解释条目。

它解决的是什么问题

社交平台上的科普内容往往以短视频形式存在，一条解释"拖延症不是懒惰"的片段可能在算法推荐中一闪而过。Why Your Brain Does That 把这些口播内容拆解为结构化条目，保留在不会消失的页面上。

一个典型的例子是"门道效应"（doorway effect）。关于走进房间后忘记目的的经典解释，该条目明确指出这种行为是真实存在的——但同时标注了一项 2021 年的研究结论：四项实验均未发现可靠的门道效应证据。这种结论与出处并列呈现的方式，是该站点的一个设计取向。

站点也明确了自己的边界：不告诉用户"你有什么问题"，不提供诊断，遇到较大困扰时引导用户去找专业人士而非依赖一个内容档案库。

门道效应（Doorway Effect） 是心理学中一个广为人知的现象：人们穿过一扇门进入新房间时，往往会忘记自己原本要做什么或拿什么。经典解释认为，空间边界会在记忆中形成"事件分段"，大脑把跨过门槛视为一个情境的结束和另一个情境的开始，先前情境中的目标信息因此被暂时封存，导致遗忘。这一现象长期被科普内容当作认知规律的典型案例。然而，2021 年由认知心理学家主导的四项重复实验未能复现可靠的门道效应，提示其效应量可能被夸大，或仅在特定条件下才成立。该站点将这一争议一并呈现，正是其"结论与出处并列"设计原则的体现。

技术实现拆解

该项目的技术栈包括 Next.js 15.5.25、React 19.1.1、TypeScript、@supabase/supabase-js 和 posthog-js。数据来源分为两层：一是提交到仓库的静态语料（来自 phenomena.json，经 derive 脚本生成 generated/corpus.json），二是来自 Supabase 的已发布行，在运行时合并覆盖静态语料，并按发布时间排序。

搜索交互的设计值得单独说一说。用户输入关键词后，SearchField 组件会去除首尾空格、编码后以 q 参数路由到整个索引。路由读取查询后，把每个条目映射为包含标题、静帧、分类、行数和可搜索文本的图块。

接下来是关键的一步：SheetBody 将查询转为小写，检查每个图块的 hay 字符串，记录匹配的 slug——但不移除其他图块。匹配的条目会放大到"应得的宽度"并获得强调色，未匹配的则缩到最小宽度但仍留在原位。整个索引始终可见，用户不会因为搜索而"丢失"上下文。

Next.js 是一个基于 React 的全栈 Web 框架，提供路由、服务端渲染、静态生成与 API 路由等能力，15 版本进一步强化了 App Router 与 React Server Components 的集成。Supabase 是开源的 Firebase 替代方案，核心是基于 PostgreSQL 的托管数据库，并提供认证、实时订阅与自动生成的 API，常用于需要快速搭建后端但又不愿自建数据库的 Web 项目。PostHog 则是开源的产品分析平台，支持事件追踪、漏斗分析与会话回放，用于理解用户行为路径。本项目将 Supabase 作为动态发布层、PostHog 作为行为分析层，配合提交到仓库的静态 JSON 语料，构成了"静态内容 + 动态覆盖"的混合数据架构。

一个完整的使用示例

以搜索"procrastination"为例。整个索引保持不变，标题为"拖延不是懒惰，是你的大脑在回避一种感受"的条目被标记为匹配。

打开该条目，页面呈现四行口播文本。第二行点名了任务附带的几种情绪：无聊、评判、以及失败的可能性。页面同时保留了该条目的静帧和配文——"这从来与自律无关"。

从信息架构看，这种"输入小、输出固定"的模式降低了认知负担：一个短语进索引，匹配条目保持可见，一个条目页承载完整解释。

与同类产品的定位差异

The School of Life 围绕 Calm、Relationships、Self-Knowledge、Work 等主题组织长文，适合想要按主题浏览文章库的用户；Why Your Brain Does That 提供的是可搜索条目加口播文本和静帧。

Headspace 提供引导冥想、专家练习、睡眠内容和 AI 支持，其公开方案包括 14 天试用、年费 69.99 美元和月费 12.99 美元。它面向的是想要引导式练习的用户，而非解释档案库。

Preveal 走的是 Notice、Understand、Consider What Comes Next 的流程，反思历史存在本地存储中且无需账号。它帮助用户反思身体信号并选择下一步行动；Why Your Brain Does That 则给出一个命名体验及其解释。

The School of Life 是由哲学家阿兰·德波顿创立的品牌，以主题化的长文、视频和课程形式探讨情绪、关系与自我认知，强调系统性的思想浏览，适合希望按主题深入学习的人群。Headspace 则是主流冥想类应用的代表，核心是引导式冥想音频、睡眠故事和专家设计的身心练习，采用订阅制商业模型。Preveal 更偏向轻量反思工具，引导用户关注身体信号、理解当前状态并考虑下一步行动，且反思记录保存在本地、无需账号。三者的共同点是帮助用户理解自身，但路径分别是"主题阅读""练习引导"和"反思流程"；Why Your Brain Does That 的差异在于它不做引导，只提供一个可检索的行为解释档案库。

局限性与适用边界

该项目明确声明不是治疗、诊断或个人评估工具，不给身体信号贴标签，也不替代专业帮助。

更进一步，站点不承诺每条解释都已是学界共识。其注册机制允许标注"来源与条目不一致"的情况——门道效应就是其中一例。对于科普类产品而言，主动暴露证据分歧是一个罕见但值得肯定的设计选择。

想试用的话，在搜索框输入一个你记得的词、一个你待过的房间，或者一件你常做的事，然后点击 Ask the index 即可。

（本文基于 Why Your Brain Does That 官方介绍页面信息整理。）