Buy Now and unlock this series
$
49
.99
$
39
.99
yours forever
$
49
.99
$
39
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
Svelte, Lit, Vue and Solid in Astro
In this video, we will take a look at using different frontend frameworks in Astro all at the same time (or separately).
Downloads
Become a pro to download code and videos
Astro For Everyone
23 videos
Released: October 31 2021Course Instructor
Scott Tolinski
- What Is Astro?
5m51s - What We'll Be Building
2m33s - Getting Started
7m59s - Project Structure
10m2s - Astro Files
9m33s - Routing In Astro
6m58s - Layouts
10m28s - Layout Cleanup
null - CSS In Astro
9m52s - SCSS In Astro
8m55s - Markdown In Astro
12m23s - Markdown Plugins and Component
15m39s - fetch Content
12m21s - Client Side JavaScript
15m27s - Svelte, Lit, Vue and Solid in Astro
6m33s - Built In Components
9m39s - Building For Production
4m24s - Data Fetching
12m39s - getStaticPaths
12m34s - Adding Svelte Components
13m7s - RSS and Sitemap XML
9m56s - Hosting
4m52s - Where To Go From Here
2m42s
Comments
Mike
6 months ago
Is anybody else running into an issue adding Svelte components, like the tutorial in 14 (full error msg below)?
If I install using:
npm install --save-dev @astrojs/renderer-svelte
I noticed the version number that gets installed in my package.json is:
"@astrojs/renderer-svelte": "^0.2.1",
This is different from what works in the Exercise 14 folder, which is:
"@astrojs/renderer-svelte": "^0.1.2",
If I blow away my node_modules folder and package-lock file... then manually add version 0.1.2, it'll work.
This is the full error msg:
Want to join the conversation?
Become a Pro member today!