Quick start

Try Solid online

To experiment with Solid directly in your browser, head over to our interactive playground. Prefer a full development setup? You can set up a complete environment using StackBlitz. Start with the TypeScript or JavaScript templates.

Create a Solid project

To create a new Solid application, navigate to the directory where you want to create your project and run the following command:

npm init solid

pnpm create solid

yarn create solid

bun create solid

deno init --npm solid

This command installs and runs create-solid, the official project scaffolding tool for Solid. The CLI will guide you through a series of prompts, allowing you to choose options such as starter templates, TypeScript support, and whether to include Solid's full-stack framework, SolidStart:

◆ Project Name
|  <solid-project>

◆ Is this a SolidStart project?
|  ● Yes / ○ No

◆ Which template would you like to use?
│  ● ts
│  ○ ts-vitest
│  ○ ts-uvu
│  ○ ts-unocss
│  ○ ts-tailwindcss

◆ Use TypeScript?
│  ● Yes / ○ No

Once the project is created, follow the instructions to install the dependencies and start the development server:

│  cd solid-project
│  npm install
│  npm run dev

│  cd solid-project
│  pnpm install
│  pnpm dev

│  cd solid-project
│  yarn install
│  yarn dev

│  cd solid-project
│  bun install
│  bun run dev

│  cd solid-project
│  deno install
│  deno run dev

You should now have your Solid project running!