Skills
.Work. You
Rest

solid-start-ssr

Community

SSR/CSR hydration best practices for SolidStart.

Software Engineering#ssr#hydration#tanstack-query#data-fetching#frontend-patterns#solid-start#isServer
Authorhmjn023
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Guides safe data fetching and hydration in SolidStart SSR/CSR setups.

Core Features & Use Cases

  • SSR-friendly data fetching: ensures server-side data fetches are allowed and do not block rendering, with safe hydration on the client.
  • Browser API guards: demonstrates gating window/document/localStorage usage behind isServer checks.
  • Hydration reliability: explains patterns to avoid mismatches during client hydration, including conditional rendering and proper initial data availability.

Quick Start

Ensure server-side data fetching runs on the server while client-only code is guarded for hydration.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: solid-start-ssr
Download link: https://github.com/hmjn023/solid-imager/archive/main.zip#solid-start-ssr

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.