Fullstack framework for SolidJS providing SSR, SSG, API routes, file-based routing, and server functions. Use when building performant web applications with unified rendering modes (CSR, SSR sync/async/streaming, SSG), isomorphic code execution, single-flight mutations, and deployment adapters for Vercel, Netlify, Cloudflare, AWS, Azure, Bun, Deno, and more.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
Fullstack framework for SolidJS providing SSR, SSG, API routes, file-based routing, and server functions. Use when building performant web applications with unified rendering modes (CSR, SSR sync/async/streaming, SSG), isomorphic code execution, single-flight mutations, and deployment adapters for Vercel, Netlify, Cloudflare, AWS, Azure, Bun, Deno, and more.
SolidStart is an open-source meta-framework built on top of SolidJS that unifies the components that make up a web application. It uses Vinxi, an agnostic framework bundler combining Vite for development and Nitro for production server runtime.
SolidStart avoids being opinionated — it provides only the essential pieces to get started. While templates include common tools, SolidStart itself does not ship with a Router or Metadata library, leaving those choices open.
Key capabilities:
Fine-grained reactivity — Powered by Solid's fine-grained reactive signals
Isomorphic code execution — Code written once runs correctly on both client and server
Multiple rendering modes — CSR, SSR (sync, async, streaming), and SSG
File-based routing — Routes defined by file structure in src/routes/
Server functions — Functions marked "use server" that run exclusively on the server
Single-flight mutations — Data updates and re-fetching in a single HTTP request
Deployment presets — Deploy to 20+ platforms via Nitro (Vercel, Netlify, Cloudflare, AWS, Azure, Bun, Deno, Node.js)
When to Use
Building fullstack web applications with SolidJS
Needing SSR, SSG, or CSR with fine-grained reactivity
Creating API routes alongside UI routes in the same project
Deploying to edge platforms (Cloudflare Workers, Netlify Edge, Vercel Edge)
Building applications requiring real-time features (WebSockets)
Migrating from SolidStart v1 to v2
Core Concepts
Isomorphic Code
SolidStart's driving principle is that code should be isomorphic — written once and executed correctly whether on the client or server. Components in src/routes/ run on both sides automatically.
Rendering Modes
SolidStart supports three rendering paradigms, configurable per-application:
Client-Side Rendering (CSR) — JavaScript runs entirely in the browser
Server-Side Rendering (SSR) — HTML generated on the server with three sub-modes:
sync — Synchronous rendering via renderToString
async — Async rendering via renderToStringAsync
stream — Streaming HTML via renderToStream (default)
Static Site Generation (SSG) — Routes pre-rendered to static HTML at build time
Server Functions
Functions marked with "use server" directive run exclusively on the server. This enables safe database access, session management, and sensitive operations without exposing logic to the client. SolidStart uses Seroval for high-performance serialization of arguments and return values between server and client.
Single-Flight Mutations
A unique SolidStart feature: when an action updates data on the server, preloaded queries are automatically revalidated and streamed back in the same HTTP response. This eliminates the traditional two-request pattern (update + refetch).
