Vue School – Content Sites with Astro and Vue.js 2025-3

Content Sites with Astro and Vue.js Course. This course teaches you how to create optimized content websites by combining Astro for high speed and Vue.js for adding interactivity. Astro is a modern framework that ensures faster loading and better performance by shipping minimal JavaScript code, while Vue.js allows for the creation of dynamic components. In this course, you will build a personal blog from scratch to deployment. First, you will learn the basics of Astro, then you will learn how to integrate Vue.js to add interactivity to the site without slowing it down. You will also practice managing content with Astro collections and deploying to platforms like Netlify. This course is suitable for developers who want to build fast and responsive sites such as blogs, documentation, or landing pages. By the end, you will be able to create and launch real projects with the powerful combination of Astro and Vue.js.

What you will learn:

• What is Astro useful for?
• The basics of an Astro project and components.
• Vue integration with Astro projects.
• JavaScript interaction selection.
• Astro Client Directives.
• Sending Props from Astro to Vue.
• Content management with Content Collections.
• Browser Native View Transitions with the <ViewTransitions />Astro component.

Who is this course suitable for?

• Web developers who want to build content sites quickly.
• Developers who are familiar with Vue.js and want to use Astro to improve the performance of their sites.
• Anyone interested in building modern, high-performance websites.

Content Sites with Astro and Vue.js Course Details

• Publisher: VueSchool
• Instructor: Daniel Kelly
• Education level: Intermediate
• Training duration: 1 hour and 3 minutes

Course syllabus as of 2025/4

Course images

Sample course video

Download link

Download file – 370 MB

File(s) password: www.downloadly.ir

File size

370 MB