{
  "id": "66c64c6631a5fc0281ed759c",
  "source": "solid:signals",
  "type": "github-document",
  "title": "quick-start",
  "content": "---\ntitle: Quick start\nuse_cases: \u003e-\n  starting new project, project setup, first app, development environment,\n  templates\ntags:\n  - quickstart\n  - setup\n  - templates\n  - getting-started\n  - playground\nversion: '1.0'\ndescription: \u003e-\n  Start building with Solid quickly. Try the playground, create projects with\n  templates, and get your first Solid app running in minutes.\n---\n\n## Try Solid online\n\nTo experiment with Solid directly in your browser, head over to our [interactive playground](https://playground.solidjs.com/).\nPrefer a full development setup? You can set up a complete environment using StackBlitz.\nStart with the [TypeScript](https://stackblitz.com/github/solidjs/templates/tree/master/ts) or [JavaScript](https://stackblitz.com/github/solidjs/templates/tree/master/js) templates.\n\n## Create a Solid project\n\n:::note[Prerequisites]\n\n- Familiarity with the command line.\n- A recent version of [Node.js](https://nodejs.org/en), [Bun](https://bun.sh/), or [Deno](https://deno.com/).\n  The latest LTS version is recommended.\n\n:::\n\nTo create a new Solid application, navigate to the directory where you want to create your project and run the following command:\n\n```package-create\nsolid\n```\n\nThis command installs and runs [create-solid](https://github.com/solidjs-community/solid-cli/tree/main/packages/create-solid), the official project scaffolding tool for Solid.\nThe CLI will guide you through a series of prompts, allowing you to choose options such as [starter templates](https://github.com/solidjs/templates), TypeScript support, and whether to include [Solid's full-stack framework, SolidStart](/solid-start):\n\n```shell\n◆ Project Name\n|  \u003csolid-project\u003e\n\n◆ Is this a SolidStart project?\n|  ● Yes / ○ No\n\n◆ Which template would you like to use?\n│  ● ts\n│  ○ ts-vitest\n│  ○ ts-uvu\n│  ○ ts-unocss\n│  ○ ts-tailwindcss\n\n◆ Use TypeScript?\n│  ● Yes / ○ No\n```\n\nOnce the project is created, follow the instructions to install the dependencies and start the development server:\n\n```sh title=\"npm\" tab=\"package-manager\"\n│  cd solid-project\n│  npm install\n│  npm run dev\n```\n\n```sh title=\"pnpm\" tab=\"package-manager\"\n│  cd solid-project\n│  pnpm install\n│  pnpm dev\n```\n\n```sh title=\"yarn\" tab=\"package-manager\"\n│  cd solid-project\n│  yarn install\n│  yarn dev\n```\n\n```sh title=\"bun\" tab=\"package-manager\"\n│  cd solid-project\n│  bun install\n│  bun run dev\n```\n\n```sh title=\"deno\" tab=\"package-manager\"\n│  cd solid-project\n│  deno install\n│  deno run dev\n```\n\nYou should now have your Solid project running!",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/quick-start.mdx",
  "metadata": {
    "path": "src/routes/quick-start.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 2585,
    "source_type": "github"
  },
  "hash": "b2adb9bce451d0fe6f51a963471c3ca3b3f9b6b3a36f0a5afde88420b432fb9c",
  "timestamp": "2026-02-23T11:43:00.18835963+01:00"
}