---
// src/pages/index.astro
const name = 'Philip';
---

<h1>Welcome, {name}!</h1>

<!--
  Notes:
  - The three-dash lines mark the frontmatter fence — plain
    JavaScript/TypeScript that runs at build time, before any markup
    is rendered.
  - {name} in the markup below the fence interpolates the variable,
    the same single-brace style used throughout this course's
    sibling frameworks (React's JSX, Svelte's {value}).
  - Nothing here ships any JavaScript to the browser — the whole
    file renders to plain HTML at build time.
-->