CacheMiss 📝

CacheMiss is a clean, minimal, accessible, and SEO-friendly personal blog site — a place to share thoughts, technical deep dives, CTF writeups, photography rants, and occasional poetry.

---

🔥 Features

• 🧾 Minimal and distraction-free layout
• ✍️ Markdown-based blog posts with type-safety
• 🚀 Blazing fast performance with Astro
• ♿ Accessible design (keyboard + screen readers)
• 📱 Fully responsive (mobile to desktop)
• 🔍 Fuzzy search with Pagefind
• 🌗 Light and dark mode toggle
• 🗂️ Pagination, drafts, and custom slugs
• 📰 RSS feed and automated sitemap
• 📸 Dynamic Open Graph image generation

---

🚀 Project Structure

/
├── public/
│   ├── assets/
│   ├── pagefind/
│   ├── favicon.svg
│   ├── og-image.jpg
│   ├── toggle-theme.js
├── src/
│   ├── assets/
│   │   ├── icons/
│   │   ├── images/
│   ├── components/
│   ├── data/
│   │   └── blog/
│   ├── layouts/
│   ├── pages/
│   ├── styles/
│   ├── utils/
│   ├── config.ts
│   ├── constants.ts
│   ├── content.config.ts
└── astro.config.ts

---

💻 Tech Stack

• Framework: Astro
• Language: TypeScript
• Styling: TailwindCSS
• Search: Pagefind
• Icons: Tabler Icons
• Formatting: Prettier
• Linting: ESLint
• Hosting: Cloudflare Pages

---

🧑‍💻 Getting Started

pnpm create astro@latest --template yourusername/cachemiss
pnpm install
pnpm run dev

Or using Docker:

docker build -t cachemiss .
docker run -p 4321:80 cachemiss

---

🧞 Commands

Command	Description
pnpm install	Install dependencies
pnpm run dev	Start local dev server
pnpm run build	Build production site
pnpm run preview	Preview built site
pnpm run format	Format code with Prettier
pnpm run lint	Lint project with ESLint
docker build -t cachemiss .	Build Docker image
docker run -p 4321:80 cachemiss	Run site using Docker

---

📜 License

MIT © 2025

---

Made with 🤍 by Vedant.