How does preloading work in this skill?

The skill implements preloading triggers on link hover or during route rendering to ensure data is fetched and ready before the component even mounts, eliminating loading spinners.

Can I use this for SEO-critical applications?

Yes, it includes instructions for using the 'deferStream: true' property to ensure critical data is included in the initial HTML for search engine crawlers.

Does it support manual cache clearing?

Yes, it provides specific patterns for manual revalidation of individual query keys or multiple queries simultaneously using the revalidate helper.

Is Server-Side Rendering (SSR) supported?

The skill covers both SPA and SSR rendering modes, including how to properly pass the server-side URL to the Router and manage server-side redirects.

Solid Router Advanced

Name: Solid Router Advanced
Author: vallafederico

byvallafederico

0•

Developer Tools

Implements high-performance SolidJS routing patterns including streaming, preloading, and complex state revalidation.

This skill provides a comprehensive framework for mastering advanced Solid Router features in SolidJS applications. It guides Claude in implementing sophisticated patterns such as component-based and config-based routing, intent-based preloading to eliminate navigation lag, and independent streaming boundaries using Suspense. It also covers critical production concerns like manual query revalidation, response helpers for server-side logic, and SEO optimization through strategic rendering modes, ensuring your frontend is both fast and secure.

Key Features

01Route preloading for zero-lag navigation

02Granular query revalidation (automatic and manual)

03Nested layout architectures for consistent UI

040 GitHub stars

05Protected route and redirect management patterns

06Independent streaming boundaries via Suspense

Use Cases

01Managing complex data-loading states in enterprise dashboards

02Implementing secure, role-based navigation and protected data access

03Optimizing SPA and SSR performance for SolidJS applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill