6 • Set sail for Astro islands

Check in: Unit 6 ⁠-⁠ Astro Islands

Now that you have a fully functioning blog, let’s add some interactive islands to your site!

You can find the code at this point in the tutorial on GitHub or StackBlitz.

Check your code against this example, or if you’ve just joined us, fork on StackBlitz to start coding along in your browser from here.

In this unit, you’ll use Astro islands to bring frontend framework components into your Astro site.

You will:

  • Add a UI framework, Preact, to your Astro project
  • Use Preact to create an interactive greeting component
  • Learn when you might not choose islands for interactivity