Статьи об Astro, веб-производительности, дизайн-системах и разработке с Fastry.
Как установить, настроить и развернуть Fastry — настройка site.config.ts, брендовые цвета, навигация, написание постов и деплой на Vercel.
Полное руководство по параметрам конфигурации Fastry: 12 цветовых тем, цвета OKLCH, типографика, радиус и тени, стили шапки, тёмный режим и многое другое.
Понятное руководство по отчёту Google Lighthouse: что измеряют четыре оценки, как запустить отчёт самостоятельно и что 100/100/100/100 говорит о современном сайте на Astro.
Как работает новая опциональная система i18n, что она добавляет при включении и точные шаги для запуска сайта на английском и втором языке.
Fastry поддерживает комментарии в блоге на основе Giscus и GitHub Discussions. Скрипт загружается лениво — читатели платят нулевую стоимость, если не прокручивают до низа.
Fastry теперь позволяет настраивать меню подвала независимо от навигации шапки. Добавьте ссылку на Политику конфиденциальности, Импринт или Политику Cookie без загромождения основной навигации.
Fastry отображает опциональное содержание в постах блога в трёх вариантах — встроенная карточка, липкая боковая панель или оба варианта, с боковой панелью слева или справа.
Полное описание трёхпозиционной системы цветовых режимов Fastry: тёмный/светлый/системный, начальная загрузка без мерцания, View Transitions и переключение в шапке.
Как Fastry использует нативные веб-анимации с Intersection Observer, плавные появления элементов и View Transitions API для бесшовной навигации.
Как Fastry управляет SEO: автоматические метатеги, Open Graph изображения, JSON-LD схемы, карта сайта, robots.txt, Twitter-карточки и больше.
Fastry включает 57 готовых UI-компонентов — кнопки, карточки, диалоги, формы и компоненты структуры страниц. Все темизированы и готовы к использованию.
Hero в Fastry имеет анимированный индикатор прокрутки: два подпрыгивающих шеврона, которые появляются после анимации hero и исчезают при начале прокрутки.
Кнопка «Наверх» в Fastry теперь имеет круговое SVG-кольцо прогресса, которое заполняется по мере прокрутки.
Контактная форма Fastry готова к работе, но для доставки писем нужны три вещи: аккаунт Resend, подтверждённый домен и одна переменная окружения на Vercel.