Dev Blog

A minimal, performant, and beautifully animated personal blog built with Astro, Tailwind CSS v4, and Keystatic CMS.

✨ Features

• Astro 6 — Static site generation with island architecture
• Tailwind CSS v4 — Utility-first styling with @tailwindcss/vite
• Keystatic CMS — Git-based content management with a visual editor
• Content Collections — Type-safe blog posts and projects
• View Transitions — Smooth client-side page navigation
• Pagefind — Static search with zero external dependencies
• Responsive Design — Mobile-first, works on all screen sizes

🚀 Quick Start

Prerequisites

• Bun (recommended) or Node.js v22+
• Git

Clone & Setup

# Clone the repository
git clone https://github.com/yogeshbhutkar/dev-blog.git my-blog
cd my-blog

# Install dependencies
bun install

# Start the dev server
bun run dev

The site will be available at http://localhost:4321.

Using npm instead of Bun

npm install
npm run dev

🙏 Acknowledgments

• Astro
• Tailwind CSS
• Keystatic
• Pagefind