Guide safe data fetching and hydration in SolidStart SSR/CSR setups.
npx skills add https://github.com/hmjn023/solid-imager --skill solid-start-ssr
Please help me install this Agent Skill. Skill: solid-start-ssr Source: https://github.com/hmjn023/solid-imager/tree/main/.opencode/skills/solid-start-ssr Command: npx skills add https://github.com/hmjn023/solid-imager --skill solid-start-ssr
Guides safe data fetching and hydration in SolidStart SSR/CSR setups.
Ensure server-side data fetching runs on the server while client-only code is guarded for hydration.
High-intent search queries and answers about installing and using this skill.
Preventing hydration mismatches in SolidStart SSR requires ensuring proper initial data availability and using conditional rendering patterns so server-side data fetches align with client hydration states.
To safely use browser APIs during server-side rendering, gate window, document, and localStorage usage behind isServer checks to prevent server execution errors and ensure safe hydration.
The best way to fetch data without blocking SSR is to apply non-blocking SSR data fetch patterns, ensuring server-side fetches do not delay rendering while enabling safe client hydration.
You can use TanStack Query for data fetching in SolidStart SSR setups by applying safe hydration patterns that ensure server data is properly serialized and hydrated on the client.
Form initialization breaks during client hydration when initial data is unavailable or browser APIs are not gated with isServer, causing mismatches between server and client rendering states.
Use isServer guards in SolidStart frontend patterns whenever components access browser APIs like window or localStorage, ensuring server-side rendering executes safely without hydration errors.
OpenAEC-FoundationEnforce correct SolidStart server and data-loading patterns to prevent hydration errors.
Camilo8902Implement TanStack Query for server state management in React applications.
hakushunConsolidate TanStack Query v5 guidance for React data fetching and migration.
bovinphangManage server-state fetching, caching, and invalidation across frontend frameworks.
