solid-start

Enable Solid apps to run server-side logic with TanStack Start.

14.9k|1.8k|Updated Jan 14, 2019
One-click install
npx skills add https://github.com/TanStack/router --skill solid-start
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: solid-start
Source: https://github.com/TanStack/router/tree/main/packages/solid-start/skills/solid-start
Command: npx skills add https://github.com/TanStack/router --skill solid-start

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This solution provides Solid bindings for TanStack Start that enable isomorphic server functions and unified client/server data flows for Solid applications.

Core Features & Use Cases

  • Use the server function pattern to call server-side logic from Solid components in a type-safe, SSR-friendly way.
  • Re-exports from tanstack/start-client-core plus Solid-specific bindings, enabling a cohesive developer experience.
  • Includes a Vite plugin and complete project setup to build Solid Start apps with SSR, routing integration, and shared server/client code.
  • Supports data fetching, mutations, and loading states across client and server for production-grade Solid Start apps.

Use cases include building data-driven SSR apps, server-driven rendering, and streamlined data flows between client and server.

Quick Start

Install the Solid Start bindings, configure a server function, and call it from a Solid component.

Frequently Asked Questions about solid-start

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I call server-side logic from Solid components during SSR?

To call server-side logic from Solid components during SSR, you use the isomorphic server function pattern provided by the Solid Start bindings, ensuring type-safe data fetching and mutations across client and server.

What are isomorphic server functions in Solid Start and how do they work?

Isomorphic server functions in Solid Start allow you to write server-side logic that is callable from Solid components, using bindings re-exported from tanstack/start-client-core to maintain a unified developer experience across client and server.

How do I set up TanStack Start bindings for a Solid SSR application?

To set up TanStack Start bindings for a Solid SSR application, you install the bindings, configure the Vite plugin for project integration, and use the useServerFn hook to enable server actions and shared client/server code.

Does TanStack Start support routing and data fetching for Solid apps?

Yes, TanStack Start supports routing and data fetching for Solid apps by providing Vite plugin integration and Solid-specific bindings that handle loading states, mutations, and server-driven rendering.

Can I use TypeScript with Solid Start server functions?

Yes, you can use TypeScript with Solid Start server functions to achieve type-safe isomorphic data flows, allowing you to define strongly typed server logic and client-side mutations in your Solid application.

What is the best way to handle client and server data mutations in Solid SSR?

The best way to handle client and server data mutations in Solid SSR is using the Solid Start bindings for TanStack Start, which deliver unified data flows and manage loading states across your application.