How do I handle SEO with async data in Solid Router?

Set 'deferStream: true' in your createAsync options to ensure the server waits for critical data before streaming the initial render to the browser.

What is the difference between query() and the deprecated cache()?

query() is the modern replacement introduced in Solid Router v0.15.0 for data fetching, caching, and deduplication; cache() is now deprecated.

How does this skill help with manual data revalidation?

It provides patterns for accessing query keys (e.g., query.key or query.keyFor(id)) which are used to trigger revalidation and refresh data across the application.

When should I use createAsyncStore instead of createAsync?

Use createAsyncStore when working with large or complex datasets that require fine-grained reactivity on nested properties rather than replacing the whole object.

Solid Router Queries

Name: Solid Router Queries
Author: vallafederico

byvallafederico

0•

Developer Tools

Implements efficient data fetching and state management patterns using Solid Router's query and async utilities.

This skill provides domain-specific guidance for implementing the Solid Router query system, enabling developers to handle data fetching with automatic caching, request deduplication, and fine-grained reactivity. It facilitates the transition from deprecated patterns like cache() to the modern query() API, ensures correct usage of createAsync and createAsyncStore for SSR-ready applications, and provides patterns for manual revalidation through query keys to maintain data consistency across the UI.

Key Features

01Manages query keys for efficient data revalidation

020 GitHub stars

03Implements query() for caching and request deduplication

04Applies Suspense and ErrorBoundary patterns for robust async UI

05Sets up createAsyncStore for fine-grained reactivity in large datasets

06Configures createAsync for reactive signals with SSR support

Use Cases

01Optimizing data fetching in SolidJS applications to prevent duplicate requests

02Implementing SEO-friendly server-side rendering (SSR) using deferStream

03Migrating legacy code from the deprecated cache() function to the query() API

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vallafederico/solid-ai-rules solid-router-queries

For use in Claude.ai and ChatGPT

Download Skill