This Website
This website has evolved into a sophisticated multilingual blog platform built with Astro, featuring advanced internationalization and theming capabilities.
🌍 Multilingual Architecture
The site now supports clean, SEO-friendly URLs for both English and French content:
- English:
/en/blog/post-name - French:
/fr/blog/post-name - Smart defaults: Visitors are automatically redirected to
/en/by default
The language structure is organized with folders (/content/blog/en/, /content/blog/fr/) rather than file suffixes, creating a cleaner and more maintainable architecture.
🎨 Advanced Theming System
The theme system has been completely redesigned to eliminate the common “white flash” problem when loading dark themes:
- Smart Detection: Automatically respects your system preference and remembers your choice
- Flash Prevention: Custom loading screen with language-aware messaging prevents jarring theme transitions
- Instant Switching: Theme changes apply immediately without page reload
- Modern Styling: CSS variables enable sophisticated gradients and glassmorphism effects
🚀 Technical Features
- Interactive Components: MDX enables React components directly in Markdown content
- Automated Deployment: GitHub Actions provide seamless CI/CD to GitHub Pages
- Performance Optimized: 100/100 Lighthouse scores with optimized loading
- SEO Enhanced: Proper canonical URLs, OpenGraph data, and language-specific meta tags
This counter demonstrates the seamless integration of React components within Markdown content, showcasing the power of MDX for creating dynamic, engaging experiences.
🔧 Architecture Highlights
The site features a modern, component-based architecture:
- Language-aware routing with automatic URL generation
- Theme persistence across sessions and page loads
- Responsive design with mobile-first approach
- Clean folder structure for easy content management
The evolution from a simple blog to this feature-rich platform demonstrates how thoughtful architecture decisions can create maintainable, scalable web applications while preserving excellent user experience.
Feel free to explore the source code on GitHub or reach out with questions and suggestions!