First steps with Astro

Astro is a meta-framework 🪐, such as Next or Nuxt, but UI agnostic, aimed at building extremely fast content-focused websites

Features

- Component Islands 🏝: A new web architecture for building faster websites.
- Server-first API design: Move expensive hydration off of your users’ devices.
- Zero JS, by default: No JavaScript runtime overhead to slow you down.
- Edge-ready: Deploy anywhere, even a global edge runtime like Deno or Cloudflare.
- Customizable: Tailwind, MDX, and 100+ other integrations to choose from.
- UI-agnostic:  Supports React, Preact, Svelte, Vue, Solid, Lit and more

So if you ever wanted to be an astronaut as kid, now is your chance.

----

Our Sponsors

Meet Storyblok (not Storybook which is a different thing) The world's first headless CMS that works for both developers & business users.

I must warn you when you start using it, you will never go back to any other CMS solution

00:00 - Intro
00:11 - What is Astro?
00:32 - Multi-Page Application
00:58 - Why is Astro different?
01:22 - Island Architecture
03:51 - Create astro
06:30 - astro dev
09:38 - vscode extensions
10:36 - Astro Components
18:13 - Astro component props
19:08 - Pages
21:34 - Markdown Pages
25:07 - Vue integration
30:12 - Astro build
31:26 - Outro