SolidJS

[exotic trench]

Is there a quick command to create an Astro app with SolidJS?

[harsh flume]

Hi @exotic trench. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

---

Yes. You can create an Astro project and add SolidJS in one step using Astro’s integration command:

npx astro add solid
# or
pnpm astro add solid
# or
yarn astro add solid

Run this inside an existing Astro project to set up the @astrojs/solid-js integration and its dependencies automatically. [SolidJS integration]

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

@exotic trench Kapa.ai is still learning and improving, please let me know how I did by reacting below.

[exotic trench]

@harsh flume I mean something like bun create astro —solid

[harsh flume]

Let me check the knowledge base for you again. One moment! :books:

---

The knowledge sources only document adding SolidJS after creating an Astro project (using astro add solid inside an existing app). They do not mention any single command like bun create astro --solid that both creates the Astro app and adds SolidJS in one step. [SolidJS guide]

From the docs, the supported flow is:

1. Create an Astro project (e.g. via the normal Astro starter or your package manager’s create command).

2. Inside that project, run:

   npx astro add solid
   # or
   pnpm astro add solid
   # or
   yarn astro add solid
   

This sets up @astrojs/solid-js and config for you. [SolidJS guide]

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

@exotic trench Kapa.ai is still learning and improving, please let me know how I did by reacting below.

[exotic trench]

@harsh flume how do I create an app fast with astro?

[harsh flume]

Let me check the knowledge base for you again. One moment! :books:

---

To create an Astro app quickly, use the create astro CLI with your preferred package manager.

1. Basic quick start

# npm
npm create astro@latest

# pnpm
pnpm create astro@latest

# Yarn
yarn create astro

This walks you through an interactive setup. [Install Astro]

2. Create and add integrations in one command

You can add integrations (like React, Partytown, etc.) during creation with --add:

# example: React + Partytown
npm create astro@latest -- --add react --add partytown
pnpm create astro@latest --add react --add partytown
yarn create astro --add react --add partytown

[Install Astro]

Replace react / partytown with any integration that supports astro add.

3. Start from a template (very fast)

Use --template to start from an example or any GitHub repo:

# official example
npm create astro@latest -- --template <example-name>

# GitHub repo main branch
npm create astro@latest -- --template <github-username>/<github-repo>

(Same pattern for pnpm and yarn.) [Install Astro]

By default this uses the repo’s main branch; to use another branch:

npm create astro@latest -- --template <github-username>/<github-repo>#<branch>

---

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

@exotic trench Kapa.ai is still learning and improving, please let me know how I did by reacting below.

[exotic trench]

@harsh flume why couldn’t you just give me a bun create astro — —add solid —add tailwind command?

[harsh flume]

Let me check the knowledge base for you again. One moment! :books:

---

You’re right, I should have just given you the pattern you were asking for.

From the docs, create astro supports an --add flag to install integrations during project creation (examples use npm/pnpm/yarn). [Install Astro]

Following that pattern, the equivalent with Bun would be:

bun create astro@latest -- --add solid --add tailwind

The docs don’t explicitly show a Bun example, but they do show this exact syntax for npm (with the extra -- before the flags), so this is just applying the same create astro flags via Bun’s create command. [Install Astro]

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: