Welcome to dout.dev

Welcome to the New dout.dev

Welcome to the brand new version of dout.dev! This blog has been completely rebuilt from the ground up using modern web technologies while maintaining a vanilla-first approach.

What's New

Zero Runtime Dependencies

The new dout.dev runs entirely on vanilla JavaScript, CSS, and HTML. No frameworks, no runtime dependencies - just clean, fast, and accessible web standards.

WCAG 2.2 AA Accessibility

Every aspect of this blog has been designed with accessibility in mind:

• Semantic HTML structure
• Proper ARIA landmarks and labels
• Keyboard navigation support
• Screen reader optimizations
• High contrast color schemes

Modern Build Pipeline

Behind the scenes, we use:

• Custom CMS: Processes Markdown files into static HTML
• Template Engine: Proprietary system with includes, extends, and filters
• Vite: Modern build tooling for development and production
• Biome: Fast linting and formatting
• PostCSS: CSS processing and optimization

Performance First

The site is optimized for Core Web Vitals:

• Lazy loading images
• Minimal JavaScript
• Critical CSS inlining
• Progressive enhancement

Technical Highlights

This blog showcases several interesting technical approaches:

1. Custom Template Engine - Built specifically for this use case
2. Static Site Generation - All pages pre-rendered at build time
3. Progressive Enhancement - Works without JavaScript, better with it
4. Modern CSS - Using custom properties, grid, and modern features

Looking Forward

This rewrite sets the foundation for many exciting features planned for the future:

• Multi-language support (English/Italian)
• Advanced search functionality
• Related posts and series
• Dark/light theme switching
• RSS and JSON feeds

Stay tuned for more updates and technical deep-dives into how this blog is built!

This post marks the beginning of a new chapter for dout.dev. Welcome aboard!