Notes On ...

Astro

Astro is a fast static site generator, based on next-gen island architechture. The term “Astro island” refers to an interactive UI component, on an otherwise static page. This technique of architechtural pattern is known as partial or selective hydration, which lets pages load fast.

It has built-in support for:

Install

npm create astro@latest

Usage

Example .astro file:

---
const info1 = "This area is the 'frontmatter'.";
const info2 = "TypeScript / JavaScript goes here";
---

<div>
  <h1>Plain HTML goes here</h1>
  <p>like this</p>
</div>