SEO 百科

Remix

本页目录

Remix 是全栈 Web 框架，建立在 React 之上，它把路由当作核心对象：每个路由段有自己的文件，页面数据在服务端取好再随 HTML 一起输出^[1]。

数据从服务端来

Remix 给每个路由挂两个服务端函数：loader 负责准备数据，供页面渲染使用，action 负责处理表单与变更提交^[1]。浏览器请求页面时，服务端跑完 loader，把数据与 HTML 一起返回，首屏不必等一串前端请求^[1]。

组件里也可以渲染表单与链接，交互走浏览器，数据写回走服务端函数，这套分工是它与"纯前端单页应用"的最大差别^[1]。

服务端输出的 HTML 里已有文字与链接，抓取不必执行脚本才能看到内容^[2]。这一步省掉了渲染队列带来的延迟，新页面在索引里出现的时间更可控^[2]。

标题与元数据在路由模块里按页面生成，<title> 与 meta 由服务端直接写进文档^[1]。Google 对标题链接的处理规则在这里同样适用：每个页面各自给一个描述性标题，不要多页共用^[3]。

Remix 构建产物跑在适配器上，可选 Node 服务、边缘运行时或静态导出，目标环境由适配器决定^[1]。同一套代码在"始终服务端渲染"与"构建时输出静态页"之间切换，配置项要清楚，两种模式的缓存与更新方式不同。

第一种是把数据请求全放进客户端组件，首屏 HTML 变成空框架，退回纯前端渲染的处理成本^[2]。第二种是列表页把筛选状态写进路径而不用查询参数，页面数量成倍增长。第三种是路由改层级后不处理旧地址，历史收录失去落点^[4]。