Astro Test Page

This page is built with Astro. It uses a shared layout component (Base.astro) and a shared nav component (Nav.astro).

How it works

• Layout: Every page imports Base.astro which wraps content with the shared nav and global CSS
• Nav: One Nav.astro component — change it once, updates everywhere
• Build: npm run build outputs static HTML to dist/
• Deploy: rsync dist/ /var/www/html/

Benefits over raw HTML

• No duplicated nav/footer across pages
• Scoped CSS per component
• Markdown support for content pages
• Same output — pure static HTML, no JS runtime