Angular Ssr

This handles the full SSR setup for Angular v20+, from adding @angular/ssr to your project through configuring render modes and fixing hydration issues. The skill covers three render modes (prerender for static pages, server for dynamic SSR, client for SPA routes) and shows how to use incremental hydration with defer blocks to control when components become interactive. It's useful when you need better SEO or initial page load performance. The browser-only code patterns are solid, especially the afterNextRender hook and the injection token approach for window and localStorage. One thing to note is that getPrerenderParams for dynamic routes requires you to fetch data at build time, so you'll need your API accessible during the build process.

skills.sh installs: 3.9K
GitHub stars: 587
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add analogjs/angular-skills --skill angular-ssr --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular SSR

⚠️ Deprecated. This skill is no longer maintained, and its guidance has been removed rather than left to go stale. The Angular team now publishes official skills at angular/skills — install those instead:
npx skills add https://github.com/angular/skills
To remove these: npx skills remove analogjs/angular-skills

The previous contents of this skill remain available in this repository's git history.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly