Personal Blog
A developer blog built with Astro and MDX. Optimized for performance and SEO, with features like syntax highlighting and light/dark mode.
About the Project
Project Overview
The main goal of this project was to build a lightning-fast, content-focused blog with excellent SEO. Astro was the perfect choice for its static-first approach, which results in minimal JavaScript and incredibly fast load times.
Challenges
A key challenge was creating a great writing experience. Content is written in MDX, which allows for the seamless inclusion of React components within Markdown. Implementing features like code syntax highlighting with Shiki and a toggleable light/dark theme also required careful integration.
Technology Used
This project was built with Astro for the core framework, MDX for content, and Tailwind CSS for styling. TypeScript was used to ensure code quality and maintainability.
Outcome
The result is a high-performance personal blog that scores perfectly on Lighthouse audits. It offers a great reading experience with clean typography, a dark mode, and an automatically generated RSS feed for content syndication.
Key Features
- Static Site Generation
- MDX Content
- Syntax Highlighting
- Light/Dark Mode
- RSS Feed