🌐 Cache-Control Guru

A web application that helps you understand and generate HTTP Cache-Control headers with ease.

Visit the live site: https://www.cache-control-guru.com/

🚀 Features

• Explain Mode: Paste in any Cache-Control header and get a detailed explanation of each directive
• Generate Mode: Build the perfect Cache-Control header using a user-friendly interface
• Shareable URLs: Share your headers via URL parameters
• Dark/Light Mode: Choose your preferred theme

🧰 Tech Stack

• SolidJS: Fast, reactive UI library
• TanStack Router: Type-safe routing with URL state
• shadcn-solid: High-quality UI components
• Kobalte: Accessible UI primitives
• Tailwind CSS v4: Utility-first CSS framework

🏃‍♂️ Running Locally

# Install dependencies
pnpm install

# Start the development server
pnpm run dev

# Build for production
pnpm run build

📝 Understanding Cache-Control

The Cache-Control HTTP header controls how browsers and CDNs cache content:

Cache-Control: public, max-age=3600, immutable

The above header tells browsers and CDNs that:

• This content can be cached by any cache (public)
• The cache can be used for 1 hour before checking for updates (max-age=3600)
• The content will never change, so browsers can skip revalidation on reload (immutable)

💡 Inspiration

This project was inspired by user-friendly tools that simplify complex technical topics:

• crontab.guru - The cron schedule expression editor
• kurtextrem.de/cache - Cache-Control header builder

🔎 About This Project

This project was created to explore and learn SolidStart, along with experimenting with modern AI tools like Cursor and Claude Code.

📖 Resources

• MDN: Cache-Control
• web.dev: HTTP caching
• Cloudflare: Cache-Control

📄 License

MIT