blob: e7afc1b84f23a8c4aec00908b6d4f2e62b491fd9 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
# Using Solid with Astro
This example showcases Astro's built-in support for [Solid](https://www.solidjs.com/).
## Installation
### Automatic
Bootstrap your Astro project with this template!
```shell
npm init astro --template framework-solid
```
### Manual
To use Solid components in your Astro project:
1. Install `@astrojs/renderer-solid`
```shell
npm i @astrojs/renderer-solid
```
2. Add `"@astrojs/renderer-solid"` to your `renderers` in `astro.config.mjs`.
```js
export default {
renderers: [
"@astrojs/renderer-solid",
// optionally, others...
]
}
```
## Usage
Write your Solid components as `.jsx` or `.tsx` files in your project.
|
