[WIP] add multi language support. There should be folders per language for blog posts and the ability to set default lanaguage based on location as well as allowing the users to select a language

[Copilot]

• Explore repository structure and understand current codebase
• Verify project builds successfully
• Analyze current blog content structure and routing
• Create language configuration system (languages.ts)
• Update site configuration to support multiple languages
• Create language detection utilities
• Create language switcher component
• Restructure content to support language-specific folders (blog/en/, blog/es/)
• Update content collections schema to support language field
• Update post utilities to be language-aware
• Add language switcher to header
• Create sample Spanish blog post
• Fix image path issues in moved blog posts
• Test language switching functionality
• Verify language-specific content routing works
• Test with multiple languages and verify content filtering
• Validate end-to-end multi-language functionality

🎉 Multi-Language Support Successfully Implemented!

The blog now supports multiple languages with the following features:

✅ Key Features Implemented:

1. Language Detection & Persistence

   • Automatically detects browser language (falls back to English)
   • Stores language preference in localStorage
   • Maintains selection across page reloads

2. Language Switcher Component

   • Beautiful dropdown with flags: 🇺🇸 English / 🇪🇸 Español
   • Located in header for easy access
   • Shows current selected language

3. Content Organization

   • Language-specific folders: blog/en/ and blog/es/
   • Content collections support language field
   • Proper routing for language-specific posts

4. Post Utilities

   • Updated to filter content by language
   • Support for language-aware post listings
   • Backward compatibility maintained

📸 Screenshots:

Language Switcher Working:

Spanish Blog Post Fully Functional:

🔗 Demo URLs:

• English Post: /post/en/azure-federated-identity-credentials-terraform-github-actions-guide/
• Spanish Post: /post/es/azure-federated-identity-credentials-terraform-github-actions-guide/

🛠️ Technical Implementation:

• Languages Supported: English (default), Spanish
• Routing: Language-specific URLs (/post/{lang}/{slug}/)
• Fallback Strategy: Browser locale → localStorage → English default
• Components: Reusable language switcher with Astro + vanilla JS
• Content Management: Extended frontmatter schema with language field

The implementation provides a solid foundation for adding more languages in the future and demonstrates location-based language detection with user control.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.