Agent skill

SSR (Server-Side Rendering)

Hydration, TransferState, and Prerendering standards.

View SKILL.md on GitHub Repository
Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/ssr

Metadata

Additional technical details for this skill

labels
angular ssr hydration server-side
triggers 
{
    "files": [
        "**/*.server.ts",
        "server.ts"
    ],
    "keywords": [
        "hydration",
        "transferState",
        "afterNextRender",
        "isPlatformServer"
    ]
}

SKILL.md

SSR (Server-Side Rendering)

Priority: P2 (MEDIUM)

Principles

  • Hydration: Enable Client Hydration in app.config.ts.
  • Platform Checks: Use afterNextRender or afterRender for browser-only code (e.g., accessing window).
  • TransferState: Use makeStateKey and TransferState to prevent double-fetching data on client.

Guidelines

  • Browser Objects: Never access window, document, or localStorage directly in component logic. Implement abstractions or use afterNextRender.
  • Prerendering: Use SSG for static pages (Marketing, Blogs).

References

  • Hydration

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

majiayu000/claude-skill-registry

agent-ops-spec

Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-state

Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-spec

Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-testing

Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-testing

Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-state

Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.

163 31
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results