Back to projects
Astro Spherical demo homepage
Dec 22, 2025
2 min read

Blog Website Template: Astro Spherical

I created an Astro website template for blog and project posts!

This is an astro template meant to display blog posts and projects.

Based off Astro Sphere - a static, minimalist, lightweight, lightning fast theme built primarily with Astro, Tailwind and TypeScript, with a small amount of SolidJS for stateful components.

Motivation

I made this template to practice my front-end skills like HTML, CSS, and React. I was getting tired of how slow and complicated WordPress felt, so I decided to try static sites. I liked the idea of writing in Markdown and keeping everything in Git. Astro worked out great because it is fast and I did not need to worry about a backend.

I talk about this and other factors in my blog post.

🚀 Major Additions

This fork includes significant enhancements:

  • Enhanced Code Blocks - Expressive Code with copy-to-clipboard, line numbers, and terminal frames
  • Table of Contents - Auto-generated TOC for blog posts and projects with active section highlighting
  • Hero Images - Support for hero images in blog posts and content previews
  • ContentImage Component - Consistent image styling with captions for MDX content
  • Redesigned Content Previews - Modern card design with hover animations and reading time
  • Developer Experience - ESLint, Prettier, and AI agent guidelines (AGENTS.md)

For a comprehensive list of all features additions, please visit the template demo.