Music Band Blog

A statically generated web platform for a music band, optimised for SEO performance and sub-second load times.

🛠 Tech Stack

• Framework: Astro
• Styling: Tailwind, CSS
• Content: MDX (Markdown + JSX)

🏗 Architecture & Technical Decisions

• Static Site Generation (SSG): Chosen over a traditional Single Page Application (SPA) to ship zero JavaScript to the client by default. This guarantees perfect Core Web Vitals and instantaneous time-to-interactive (TTI).
• Content Collections: Leveraged Astro's Markdown/MDX parsing to create a type-safe content schema. Blog posts and band updates are validated at build time, ensuring missing frontmatter (like dates or cover images) breaks the build rather than the live UI.
• Asset Optimisation: Integrated automated image format conversion (WebP/AVIF) and lazy loading to handle high-resolution band photography without blocking the main thread.

🚀 Local Development

# Clone the repository
git clone https://github.com/Riksev/music-band-blog.git

# Install dependencies
npm install

# Start the local development server
npm run dev