#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

You can initialize the TanStack Start example project with:

pnpx degit https://github.com/rstackjs/rstack-examples/rsbuild/tanstack-start-solid tanstack-start
cd tanstack-start
pnpm i

#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(),
  ],
});