#Solid

Learn how to build a Solid application using Rsbuild.

#Create a Solid application

Create a Solid application with create-rsbuild:

npm create rsbuild@latest

yarn create rsbuild

pnpm create rsbuild@latest

bun create rsbuild@latest

Then select Solid when prompted to "Select framework".

#Full-stack frameworks

The following full-stack Solid frameworks are built on Rsbuild and reuse Rsbuild's plugin ecosystem.

#TanStack Start

TanStack Start is a full-stack framework powered by TanStack Router. It provides full-document SSR, streaming, Server Functions, client/server builds, and more.

• Documentation
• Example project

Create a TanStack Start application with Rsbuild:

npm create rsbuild@latest my-app -- -t tanstack-start-solid
cd my-app
npm run dev

yarn create rsbuild my-app -t tanstack-start-solid
cd my-app
yarn dev

pnpm create rsbuild@latest my-app -t tanstack-start-solid
cd my-app
pnpm dev

bun create rsbuild@latest my-app --template tanstack-start-solid
cd my-app
bun run dev

To migrate a TanStack Start project from Vite, see TanStack Start migration.

#Use Solid in an existing project

To compile Solid components, you need to register the Rsbuild Solid plugin. The plugin will automatically add the necessary configuration for Solid builds.

For example, register the plugin in Rsbuild config:

import { defineConfig } from '@rsbuild/core';
import { pluginBabel } from '@rsbuild/plugin-babel';
import { pluginSolid } from '@rsbuild/plugin-solid';

export default defineConfig({
  plugins: [
    pluginBabel({
      include: /\.(?:jsx|tsx)$/,
    }),
    pluginSolid(),
  ],
});