About the Content Sites with Astro and Vue.js course

Combining Vue.js with Astro for building content sites, like blogs or docs, makes for a blazing-fast site and an A+ developer experience. Why? Astro is a modern front-end framework that allows you to build with the JavaScript technology of your choice (think React, Vue, Svelte, and more) but doesn’t ship any JavaScript by default. This is known as an islands architecture, where we opt-in to JavaScript instead of vice-versa.

In this course, learn the basics of getting started with Astro by building a simple blog. Also, learn to integrate it with your favorite JavaScript framework Vue.js for templating that’s familiar and for sprinkling in interactivity only where required.

·
·
·

What you will learn in the Content Sites with Astro and Vue.js course

What Astro is Useful For
The Basics of an Astro Project and Components
Integrating Vue with Astro Projects
Opting in To JavaScript Interactivity
Astro Client Directives
Passing Props from Astro to Vue
Managing Content with Content Collections
Browser Native View Transitions with the Astro <ViewTransitions /> Component

Share this course

Request a course