LogoClawIndex
案例技能关于
LogoClawIndex

angular-ssr - Angular v20+ 服务端渲染与水合指南

在 Angular v20+ 中使用 @angular/ssr 实现服务端渲染、水合、预渲染及浏览器端 API 处理。

标签

更新于: 2026-09-23
angularssr水合预渲染typescript

能力

添加 SSR 至 Angular 项目配置服务端路由渲染模式配置客户端与增量水合启用水合事件重放

典型输入

Angular v20+ 项目@angular/ssr 软件包服务端路由配置

典型输出

Express 服务端文件 (server.ts)服务端引导文件 (src/main.server.ts)服务端配置文件 (src/app/app.config.server.ts)

该技能可以做什么

  • 添加 SSR 至 Angular 项目
  • 配置服务端路由渲染模式
  • 配置客户端与增量水合
  • 启用水合事件重放
  • 安全执行仅浏览器端代码
  • 配置静态与动态预渲染
  • 传输 HTTP 缓存状态
  • 构建并运行 SSR 服务端

输入

  • Angular v20+ 项目
  • @angular/ssr 软件包
  • 服务端路由配置

输出

  • Express 服务端文件 (server.ts)
  • 服务端引导文件 (src/main.server.ts)
  • 服务端配置文件 (src/app/app.config.server.ts)
  • 客户端资源与服务端 Bundle 构建产物

要求

  • Angular v20+
  • Node.js 运行时

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。