hollos.dev

AstroReactSanity CMSTailwind CSSView Transitions API

A personal portfolio showcasing my projects, built with Astro for performance and Sanity CMS for seamless content management. Each project is a document within Sanity, making updates effortless.

Features

Performance Optimisation

Built with Astro to leverage its performance benefits

Screenshot of my Lighthouse scores

Smooth Page Transitions

Uses Astro’s in-built transitions API for seamless navigation.

Dark Mode Support

Implemented using Tailwind’s dark: prefix for styling.
Stores user preference in localStorage or defaults to system settings.

Blog with Interactive Code Blocks

A small front-end development blog with plans for future updates.
Features interactive code blocks for easy copying.
Uses React components within Astro, thanks to its framework-agnostic nature.

Tech Stack

Front End

Astro for performance and static site generation.
Tailwind CSS for styling.

Back End

Sanity CMS for content management.
Deployed on Netlify, which responds to GitHub deployments, and Sanity changes via webhook.

Additional Libraries

React for interactive components.