Quick Start

Solid playgrounds

Experience Solid in your browser by visiting our interactive playground.

Additionally, we offer a JavaScript and Typescript Stackblitz starters, which provide a web-based development environment to get you started.

Creating a Solid application

Solid offers convenient project templates that can help kickstart your development. To get an application running, follow the steps below based on the language you prefer to use.

For JavaScript projects

1. Run the following command in your terminal to get the JavaScript starter template:

npx degit solidjs/templates/js my-app

2. Navigate to your application's directory:

cd my-app

3. Install the necessary dependencies:

4. Run the application:

npm run dev

This will start the development server. Now, you can open your browser and navigate to localhost:3000 to see your application running.

For TypeScript projects

1. To use a TypeScript template, run the following command in your terminal:

npx degit solidjs/templates/ts my-app

2. Navigate to your application's directory:

cd my-app

3. Install the necessary dependencies:

4. Run the application:

npm run dev

This will start the development server. Now, you can open your browser and navigate to localhost:3000 to see your application running.

Explore more templates

Solid offers a variety of Vite templates to streamline your development process. These resources are available on GitHub.