mirror of
https://github.com/withastro/astro.git
synced 2024-12-23 21:53:55 -05:00
.. | ||
src | ||
.gitignore | ||
.npmrc | ||
astro.config.mjs | ||
package.json | ||
README.md |
Using Svelte with Astro
This example showcases Astro's built-in support for Svelte.
Installation
Automatic
Bootstrap your Astro project with this template!
npm init astro -- --template framework-svelte
Manual
To use Svelte components in your Astro project:
-
Install
@astrojs/renderer-svelte
npm i @astrojs/renderer-svelte
-
Add
"@astrojs/renderer-svelte"
to yourrenderers
inastro.config.mjs
.export default { renderers: [ "@astrojs/renderer-svelte", // optionally, others... ] }
Usage
Write your Svelte components as .svelte
files in your project.