Start

SolidJS is a modern JavaScript framework for today's web.

Counter.jsx

Overview

SolidStart is an open source, meta-framework that provides the platform to put components that comprise a web application together. It is built on top of SolidJS and uses Vinxi, an agnostic Framework Bundler that combines the power of Vite and Nitro.

Start avoids being opinionated by only providing the fewest amount of pieces to get you started. While templates are available that include many of the expected tools, SolidStart itself does not ship with a Router or Metadata library. Rather, it leaves that open for you to use any library you want.

SolidStart provides you the ability to render your applications in different ways depending on what is best for your use case. These include:

  • Client-side rendering (CSR)
  • Server-side rendering (SSR)
  • Static site generation (SSG)

A driving principle of SolidStart is that code should be isomorphic — this ensures that code can be written once and executed correctly whether on the client or server.


Features

SolidStart features the following capabilities:

  • Fine-grained reactivity — Powered by SolidJS and its fine-grained reactivity.
  • Isomorphic, nested routing — The same routes are rendered regardless of whether the page is on the client or server. Route nesting provides parent-child relationships that simplify application logic.
  • Multiple rendering modes — Can be used to create CSR, SSR (Sync, Async and Streaming), and SSG applications.
  • Command Line Interface (CLI) and templates — Provides a CLI and templates to help you get started quickly.
  • Deployment presets — Provides presets to support deployment to multiple platforms including Netlify, Vercel, AWS, and Cloudflare.

Prerequisites

Before you start using SolidStart, you should have a basic understanding of web development. This includes knowledge of HTML, CSS, and JavaScript. With SolidStart being a SolidJS meta-framework, we recommend knowing SolidJS prior to digging in to these docs (or at least taking the SolidJS tutorial).


SolidStart 1.0 is here!

We are actively working on improving the documentation and adding more examples to help you get started. Documentation is still in beta so content is still being added to the documentation to improve the overall experience of using SolidStart.

If you experience any issues while using SolidStart, please let us know by opening an issue in the SolidStart Repo. Additionally, if you notice any issues or feel that something is missing in the documentation, please let us know in the Solid Docs Repo.

Edit this page Report an issue with this page