angular-ssr
✓Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible.
Installation
SKILL.md
Implement server-side rendering, hydration, and prerendering in Angular v20+.
| RenderMode.Prerender | Static HTML at build time | Marketing pages, blogs | | RenderMode.Server | Dynamic SSR per request | User-specific content | | RenderMode.Client | Client-side only (SPA) | Authenticated dashboards |
| hydrate on viewport | When element enters viewport | | hydrate on interaction | On click, focus, or input | | hydrate on idle | When browser is idle | | hydrate on immediate | Immediately after load | | hydrate on timer(ms) | After specified delay | | hydrate when condition | When expression is true | | hydrate never | Never hydrate (static) |
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible. Source: analogjs/angular-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/analogjs/angular-skills --skill angular-ssr- Source
- analogjs/angular-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is angular-ssr?
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible. Source: analogjs/angular-skills.
How do I install angular-ssr?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/analogjs/angular-skills --skill angular-ssr Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/analogjs/angular-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01