Active January 2026

IhorPower Blog

IhorPower Blog — built with Astro 6, MDX, TypeScript, and CSS Modules. English and Russian with graceful fallbacks.

Astro TypeScript

Technologies

Astro 6 TypeScript MDX CSS Modules

Links

↗ View source

Overview

This is the source project for IhorPower Blog — the site you are reading right now. It is built with Astro 6, using MDX for content authoring, TypeScript for type safety, and CSS Modules for scoped styling.

Goals

  • Fast static site with excellent Core Web Vitals
  • Bilingual content (English and Russian) with graceful fallbacks
  • Clean, readable typography
  • Easy to maintain and extend

Architecture

The blog uses Astro’s content collections with Zod schemas for type-safe frontmatter. Content is organized by language:

src/content/
  blog/
    en/
    ru/
  projects/
    en/
    ru/
  tags/
  categories/

The translationKey field links EN and RU versions of the same article. When a Russian translation is missing, the EN content is shown with a banner and noindex meta tag.

Key Features

  • Static output — fully pre-rendered at build time
  • CSS custom properties for theming (dark mode via prefers-color-scheme)
  • Hreflang alternate links for SEO
  • Tag and category taxonomy with per-language archives