Why: the goal or problem

A content site needs a few interactive controls. Sending a full application for otherwise readable articles creates unnecessary work.

How: work toward a solution

Start with three Markdown articles and one layout. Next builds an index and three article pages, then sends files through hosting to the browser. Enable the optional Save island: article text stays readable. Missing layout stops the build; static files alone cannot retain personal saves. Previous, Reset, or reload restores earlier states.

Astro: concept simulation

Concept simulation

Astro

Next traces source → build → output → host → browser.

  1. 01 Three Markdown articles + layout
    • A17.md
    • B04.md
    • C99.md
    • Shared layout
  2. 02 Astro component build

    Waiting

  3. 03 Generated HTML files 0

    index.html · A17.html · B04.html · C99.html

  4. 04 Static host · publish files
  5. 05 Browser · read three articles

Three Markdown articles + layout

A fictional demo within this article. Reset or reload restores its initial state.

What: the concept

Astro renders content into HTML and adds client interactivity through selected islands. This example uses static output; Astro also supports server rendering.

Pair an island with a separate storage API.

Source