IhorPower Blog

Обзор

Это исходный проект IhorPower Blog — сайта, который вы сейчас читаете. Создан на Astro 6, использует MDX для написания контента, TypeScript для типобезопасности и CSS Modules для изолированных стилей.

Цели

• Быстрый статический сайт с отличными показателями Core Web Vitals
• Двуязычный контент (английский и русский) с корректным отображением при отсутствии перевода
• Чистая, читаемая типографика
• Простота в обслуживании и расширении

Архитектура

Блог использует коллекции контента Astro со схемами Zod для типобезопасного фронтматтера. Контент организован по языкам:

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

Поле translationKey связывает английскую и русскую версии одной статьи. Если русский перевод отсутствует, показывается английский контент с баннером и мета-тегом noindex.

Ключевые особенности

• Статический вывод — полная пре-рендеризация при сборке
• CSS-переменные для тематизации (тёмная тема через prefers-color-scheme)
• Атрибуты hreflang для SEO
• Таксономия тегов и категорий с архивами на каждом языке