Configure client-side routing and data management in SolidJS applications.
npx skills add https://github.com/adamhjk/mvtt --skill solid-router-adamhjk
Please help me install this Agent Skill. Skill: solid-router Source: https://github.com/adamhjk/mvtt/tree/main/.claude/skills/solid-router Command: npx skills add https://github.com/adamhjk/mvtt --skill solid-router-adamhjk
This Skill streamlines the implementation of client-side and universal routing in SolidJS applications, making navigation and data management seamless.
<Router> and <Route>, supporting route parameters, wildcards, and route groups.<A>, useNavigate(), and <Navigate> for programmatic and declarative navigation, including route guards and protected routes.query, createAsync, and action APIs for efficient data fetching, caching, mutations, and revalidation, suitable for SPAs and SSR.lazy(), enhancing performance and user experience.Wrap your app with <Router> and define <Route> components for your pages, then navigate using <A> or imperative functions to build a smooth, interactive UI.
High-intent search queries and answers about installing and using this skill.
To set up nested and dynamic routing in SolidJS, wrap your application with the `<Router>` component and declare page structures using `<Route>`, supporting parameters, wildcards, and route groups for seamless navigation.
The best way to fetch and cache data during SolidJS navigation is using the query, createAsync, and action APIs, which handle data management, mutations, and revalidation efficiently across SPA and SSR contexts.
Yes, the @solidjs/router package supports universal routing across both SPA and SSR contexts, and enables protected routes through declarative navigation components like `<Navigate>` and programmatic route guards.
Yes, you can preload routes on hover or focus and load route components lazily using the `lazy()` function, which defers resource loading to enhance overall application performance and user experience.
You handle programmatic navigation and redirects in SolidJS by utilizing the `useNavigate()` function for imperative routing and the `<Navigate>` component for declarative redirects, alongside the `<A>` component for standard links.
You need a router package for SolidJS to enable client-side routing, which prevents full page reloads during navigation, manages dynamic data fetching, and handles nested route structures efficiently without losing application state.
agusmdevConfigure Tailwind CSS v4 and shadcn/ui for TanStack Start and Router projects.
vallafedericoConfigure SolidStart entry points and build settings for server and client.
ProfPowellManage Web Component state with reactive stores, signals, and undo/redo.
OpenAEC-FoundationConfigure @solidjs/router setups with nested routes and route guards.