Improve Solid quick start

Author: amirhhashemi

src/routes/quick-start.mdx

@@ -2,80 +2,40 @@
 title: Quick start
 ---
 
-## Solid playgrounds
+You can create a new Solid application using the Solid CLI:
 
-Experience Solid in your browser by visiting our [interactive playground](https://playground.solidjs.com/).
-
-Additionally, we offer a [JavaScript](https://stackblitz.com/github/solidjs/templates/tree/master/js) and [Typescript](https://stackblitz.com/github/solidjs/templates/tree/master/ts) Stackblitz starters, which provide a web-based development environment to get you started.
-
-## Creating a Solid application
-
-:::info[Prerequisites]
-
-    - Familiarity with the command line
-    - Install [Node.js](https://nodejs.org/en) or [Deno](https://deno.com)
-
-:::
-
-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:
-
-```package-exec
-degit solidjs/templates/js my-app
+```package-create
+solid
 ```
 
-2. Navigate to your application's directory:
+The CLI will prompt you for a few details about your project:
 
-```bash frame="none"
-cd my-app
-```
+- The name of your project.
+- Whether you want to use [SolidStart](/solid-start).
+  For full-stack projects, we recommend using SolidStart.
+  SolidStart is a meta-framework for Solid that provides features such as file-based routing, nested routing, and multiple rendering modes.
+- The starter template you wish to use.
+- Whether you want to use TypeScript.
 
-3. Install the necessary dependencies:
+Then, follow the on-screen instructions to install dependencies and run the development server.
 
-```package-install-local
-```
-4. Run the application:
+## Starter templates
 
-```package-run
-dev
-```
+Solid offers a variety of starter templates for popular frameworks and libraries.
+You can kickstart your project with one of our templates using the Solid CLI.
+Alternatively, you can clone them directly from our [templates repository](https://github.com/solidjs/templates).
 
-This will start the development server.
-Now, you can open your browser and navigate to `localhost:3000` to see your application running.
+:::tip[StackBlitz]
+You can try our templates directly in your browser using [StackBlitz](https://stackblitz.com/).
+To do this, replace `<template-name>` in the following URL with the name of the template and open it in your browser:
 
-### For TypeScript projects
+`https://stackblitz.com/github/solidjs/templates/tree/master/<template-name>`
 
-1. To use a TypeScript template, run the following command in your terminal:
+For example, the link below opens a fully-featured development environment in your browser for our TypeScript template:
 
-```package-exec
-degit solidjs/templates/ts my-app
-```
-
-2. Navigate to your application's directory:
-
-```bash frame="none"
-cd my-app
-```
-
-3. Install the necessary dependencies:
-
-```package-install-local
-```
-
-4. Run the application:
-
-```package-run
-dev
-```
-
-This will start the development server.
-Now, you can open your browser and navigate to `localhost:3000` to see your application running.
+[https://stackblitz.com/github/solidjs/templates/tree/master/ts](https://stackblitz.com/github/solidjs/templates/tree/master/ts)
+:::
 
-### Explore more templates
+## Solid playground
 
-Solid offers a variety of Vite templates to streamline your development process.
-These resources are available on [GitHub](https://github.com/solidjs/templates).
+If you want to try Solid in your browser, visit our [interactive playground](https://playground.solidjs.com/).