Blog Infrastructure#
This blog is built with modern, performant technologies that prioritize speed, privacy, and developer experience.
Core Technology#
- Static Site Generator: Hugo - The world’s fastest framework for building websites
- Theme: Blowfish - A powerful, lightweight Hugo theme
- Styling: Tailwind CSS v4 - Utility-first CSS framework with the new Oxide engine
- Hosting: Cloudflare Pages - Global CDN with automatic deployments
- Domain: blog.menanno.com
Features#
Search & Discovery#
- Client-Side Search: Powered by Fuse.js - no server required, instant results
- Navigation: Category-based organization with tag support
- RSS Feed: Full-text feeds for your favorite RSS reader
Analytics & Support#
- Analytics: Seline - Privacy-first, GDPR compliant analytics
- ~2KB script (23x lighter than Google Analytics!)
- No cookies, no personal data collection
- EU-based infrastructure
- Support: Buy Me a Coffee integration
- Zero Tracking Cookies: Complete respect for reader privacy
Content Enhancement#
- Diagrams: Mermaid.js for flowcharts, sequence diagrams, and more
- Math: KaTeX for beautiful mathematical notation
- Charts: Chart.js for data visualization
- Code Highlighting: Chroma with dual themes (seamless light/dark mode switching)
Development Workflow#
CI/CD Pipeline#
- Version Control: Git + GitHub
- Build: GitHub Actions → Cloudflare Pages
- Deployment: Automatic on push to main branch
Why These Choices?#
Hugo + Blowfish#
Speed: Static sites mean instant page loads - no database queries, no server-side rendering delays.
Security: No database, no server-side code to exploit. Static sites are inherently more secure.
Tailwind v4: Cutting-edge CSS with the new Oxide engine delivers blazing-fast build times and excellent developer experience.
Feature-Complete: Blowfish provides everything I need out of the box - search, analytics, dark mode, code highlighting, and more.
Cloudflare Pages#
Global CDN: Content is distributed across 300+ edge locations worldwide for fast delivery anywhere.
Unlimited Bandwidth: No traffic limits or surprise bills as the blog grows.
Native Hugo Support: Framework preset makes deployment trivial - just push to GitHub.
Free Tier: More than generous enough for a personal blog with room to grow.
Seline Analytics#
Privacy-First: No cookies, no personal data collection, no GDPR concerns.
Lightweight: ~2KB script vs Google Analytics’ ~46KB - readers barely notice it.
EU-Based: GDPR compliant by design, not as an afterthought.
Free Tier: Up to 3,000 monthly page views at no cost.
Last updated: October 2025