Skip to content
F Fastry
Метка

#astro-rocket

16 записей с меткой «astro-rocket».

Мультиязычность: родная интернационализация в Fastry 1.3.0

Как работает новая опциональная система i18n, что она добавляет при включении и точные шаги для запуска сайта на английском и втором языке.

A Almaz
2 мин. чтения
astro-rocket i18n интернационализация руководство v1-3-0

Комментарии к постам блога — Giscus с ленивой загрузкой

Fastry поддерживает комментарии в блоге на основе Giscus и GitHub Discussions. Скрипт загружается лениво — читатели платят нулевую стоимость, если не прокручивают до низа.

A Almaz
2 мин. чтения
astro-rocket функции блог комментарии giscus

Независимое меню подвала — разные ссылки в шапке и подвале

Fastry теперь позволяет настраивать меню подвала независимо от навигации шапки. Добавьте ссылку на Политику конфиденциальности, Импринт или Политику Cookie без загромождения основной навигации.

A Almaz
2 мин. чтения
astro-rocket функции подвал навигация

Содержание — якоря для навигации по длинным статьям

Fastry отображает опциональное содержание в постах блога в трёх вариантах — встроенная карточка, липкая боковая панель или оба варианта, с боковой панелью слева или справа.

A Almaz
2 мин. чтения
astro-rocket функции блог навигация

Система, Светлая, Тёмная — как работает цветовой режим Fastry

Полное описание трёхпозиционной системы цветовых режимов Fastry: тёмный/светлый/системный, начальная загрузка без мерцания, View Transitions и переключение в шапке.

A Almaz
1 мин. чтения
astro-rocket тёмный-режим цветовой-режим системная-тема

Анимации в Fastry — Intersection Observer, плавные появления и View Transitions

Как Fastry использует нативные веб-анимации с Intersection Observer, плавные появления элементов и View Transitions API для бесшовной навигации.

A Almaz
1 мин. чтения
astro-rocket анимации intersection-observer view-transitions

SEO в Fastry — метатеги, Open Graph, JSON-LD, карта сайта и Twitter-карточки

Как Fastry управляет SEO: автоматические метатеги, Open Graph изображения, JSON-LD схемы, карта сайта, robots.txt, Twitter-карточки и больше.

A Almaz
1 мин. чтения
astro-rocket seo метатеги open-graph json-ld

Начало работы с Fastry — от установки до публикации за минуты

Как установить, настроить и развернуть Fastry — настройка site.config.ts, брендовые цвета, навигация, написание постов и деплой на Vercel.

A Almaz
1 мин. чтения
astro-rocket начало-работы настройка vercel

Настройка Fastry — каждый переключатель, тема и опция макета

Полное руководство по параметрам конфигурации Fastry: 12 цветовых тем, цвета OKLCH, типографика, радиус и тени, стили шапки, тёмный режим и многое другое.

A Almaz
2 мин. чтения
astro-rocket настройка кастомизация темы

57 готовых компонентов — полная UI библиотека Fastry

Fastry включает 57 готовых UI-компонентов — кнопки, карточки, диалоги, формы и компоненты структуры страниц. Все темизированы и готовы к использованию.

A Almaz
1 мин. чтения
astro-rocket компоненты ui velocity

Индикатор прокрутки Hero — только для десктопа, скрывается при скролле

Hero в Fastry имеет анимированный индикатор прокрутки: два подпрыгивающих шеврона, которые появляются после анимации hero и исчезают при начале прокрутки.

A Almaz
1 мин. чтения
astro-rocket функции ux анимация

Кольцо прогресса прокрутки — круговой индикатор на кнопке «Наверх»

Кнопка «Наверх» в Fastry теперь имеет круговое SVG-кольцо прогресса, которое заполняется по мере прокрутки.

A Almaz
1 мин. чтения
astro-rocket функции ux анимация

Настройка контактной формы: Resend, Vercel и GoDaddy пошагово

Контактная форма Fastry готова к работе, но для доставки писем нужны три вещи: аккаунт Resend, подтверждённый домен и одна переменная окружения на Vercel.

A Almaz
2 мин. чтения
astro-rocket руководство email vercel деплой

Панель прогресса прокрутки — прогресс чтения с одного взгляда

Fastry теперь имеет панель прогресса прокрутки: тонкая линия брендового цвета, которая заполняется по мере прокрутки. Узнайте, как это работает и как включить на любой странице.

A Almaz
2 мин. чтения
astro-rocket функции шапка ux

Как работает дизайн-система Fastry — токены, цвета и тёмный режим

Fastry использует трёхуровневую архитектуру токенов с цветами OKLCH. Измените одно значение, и весь сайт обновится. Вот как это работает и как настроить под себя.

A Almaz
2 мин. чтения
astro-rocket дизайн-система tailwind кастомизация руководство

Эффект печатающегося текста в Fastry — как это работает и как настроить

Заголовок Hero в Fastry циклически перебирает слова с анимацией печати. Узнайте, как это работает, как настроить скорость и паузы и как полностью отключить эффект.

A Almaz
2 мин. чтения
astro-rocket компоненты кастомизация руководство javascript