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.
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.
Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.
Datei-Explorer
7 Dateien
SKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau
name
solid-start-1-3-0
description
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).