SolidStart

SolidStart

Full-stack framework for SolidJS

Features

  • File-based routing with nested layouts
  • Server functions with RPC-style calls
  • SSR, SSG, and client-side rendering modes
  • Built on Vinxi and Nitro for universal deployment
  • Type-safe server/client boundary

Pros

  • Inherits SolidJS's top-tier performance
  • Clean server function abstraction
  • Flexible deployment via Nitro presets

Cons

  • Young framework with evolving APIs
  • Small community and limited learning resources
  • Fewer deployment guides and examples

Overview

SolidStart is the official meta-framework for SolidJS, providing file-based routing, server-side rendering, and full-stack capabilities. Built on Vinxi (a framework-agnostic server layer) and Nitro (the universal server engine from Nuxt), SolidStart brings SolidJS’s fine-grained reactivity to full-stack applications.

SolidStart’s server functions let you write server-side code that is called directly from client components with full type safety. The framework handles the RPC boundary, serialization, and network calls automatically, giving you a seamless full-stack development experience powered by Solid’s reactive primitives.

When to Use

SolidStart is the natural choice for SolidJS projects that need server-side rendering, API routes, or full-stack capabilities. It’s ideal for developers who want Solid’s performance advantages in a complete application framework.

Getting Started

npm init solid@latest my-app
cd my-app && npm install && npm run dev
// src/routes/index.tsx
export default function Home() {
  return <h1>Hello, SolidStart!</h1>;
}