Astro Site

In Development

Project Details

This site is a static site generated with Astro that combines multiple content types into a cohesive personal digital presence. The site is headless CMS-powered through Contentful, allowing for easy content management while maintaining fast performance through static generation. There is no linked Live Demo - however this whole site is the live demo.

View Live Site View on GitHub

Features

Key Features

  • Multi-content Platform: Blog posts, portfolio projects, recipes, gaming content, reading lists, and music recommendations

  • Modern Tech Stack: Astro with React components, TypeScript, Tailwind CSS, and SCSS

  • Dynamic Interactions: Real-time filtering, search, and pagination without page refreshes

  • Responsive Design: Mobile-optimised with dark mode support

  • SEO Optimised: Includes sitemaps and proper meta tags

Content Sections

  • Blog: Categorised posts with rich text content from Contentful

  • Portfolio: Project showcase with external links and descriptions

  • Digital Garden: Personal knowledge base, including:

    • Recipes with ratings and personal notes (and keep screen awake function)

    • Gaming content and recommendations

    • Reading lists and book reviews

    • Music listening recommendations

  • About: Personal information and accessibility statement

Technical Implementation

  • Static Site Generation: Fast loading times with Astro

  • React Components: Interactive elements using hooks for state management

  • Contentful Integration: Headless CMS for content management

  • GitHub Pages Deployment: Automated deployment via GitHub Actions

  • TypeScript: Type safety throughout the application