Acecore
Как развивать сайт на Astro + Cloudflare по функциям
Как мы объединили Astro и Cloudflare Pages с AI-чатом для обращений, Sveltia CMS, многоязычным блогом, CTA услуг, безопасным Markdown-рендерингом и комментариями без внешнего сервиса.
Статьи с тегом «Astro»
Список статей, связанных с тегом «Astro». 16 статей
Как добавить комментарии в Astro-блог только на Cloudflare
Как мы добавили комментарии в Astro-блог без внешнего сервиса: Cloudflare Pages Functions, D1, Turnstile и конфигурация Wrangler.
Руководство по внедрению Sveltia CMS
Практическое руководство по добавлению Sveltia CMS в Astro или другой статический сайт: GitHub backend, OAuth Worker, загрузка изображений, многоязычная эксплуатация, CMS PR и выводы из реальных исправлений.
Безопасный рендеринг Markdown-ссылок в ответах AI-чата
Техническая заметка о том, как безопасно превращать Markdown-ссылки из ответов AI-чата в HTML. Парсинг с допуском пробелов, trim для href, allowlist, DOM-рендеринг, fallback и тесты рассматриваются отдельно.
Мы запустили портал Aceserver
Мы запустили официальный портал Aceserver, бесплатного публичного Minecraft-сервера, к которому может присоединиться любой желающий. Сайт построен на Astro, UnoCSS и Sveltia CMS и объединяет описание сервера, видео, карты миров, Wiki и вход через Discord.
Мы запустили сайт Hatt
Мы запустили сайт Hatt, персональный сайт, который объединяет иллюстрации, романы и создание аватаров и gimmick-элементов для VRChat. Он построен на Astro, Sveltia CMS и Pagefind и рассчитан на постоянную публикацию творческой активности.
Руководство по повышению качества сайта на Astro, продолжение - финальные настройки для 100 баллов по всем категориям PageSpeed Insights
Финальная часть улучшений после предыдущей статьи: отключение Cloudflare Web Analytics, отложенная загрузка GA4 и интерфейса поиска, достижение 100 баллов по всем четырём категориям PageSpeed Insights на мобильных и десктопе, наведение порядка в breadcrumbs и правилах индексации в Search Console, переход на общие SVG-иконки и объяснение того, какие дополнительные оптимизации были проверены, но не приняты.
Руководство по повышению качества сайта на Astro — достижение оценки PageSpeed Mobile 99
Полная запись улучшения сайта на Astro + UnoCSS + Cloudflare Pages по четырём направлениям — производительность, SEO, доступность и UX — с достижением оценки PageSpeed Insights Mobile 99 и идеальных 100 баллов по всем метрикам на десктопе.
Обезьянье тестирование сайта с GitHub Copilot × Playwright: практическое руководство
Практическое руководство по систематическому обезьяньему тестированию статического сайта с использованием VS Code Agent Mode (GitHub Copilot) в сочетании с инструментами браузера Playwright. Рассматриваются методология проектирования тестов, обнаруженные ошибки и их исправления, а также рекомендации по улучшению.
Подводные камни и решения для Astro View Transitions — руководство по улучшению UX и качества кода
Практическое руководство, охватывающее решения проблем со скриптами при использовании Astro View Transitions, внедрение полнотекстового поиска Pagefind, улучшение типобезопасности TypeScript, централизацию констант и многое другое для улучшения UX и качества кода.
Практическое руководство по достижению соответствия WCAG AA на сайте Astro
Комплексное руководство по улучшению доступности на сайте Astro + UnoCSS. Рассматриваются aria-атрибуты, контрастность, управление фокусом, валидация форм, поддержка экранных читалок и всё необходимое для соответствия WCAG AA.
Руководство по улучшению SEO: внедрение структурированных данных и OGP на сайте Astro
Пошаговое руководство по правильному внедрению структурированных данных JSON-LD, OGP, карт сайта и RSS на сайте Astro + Cloudflare Pages. Рассматривается всё: от поддержки расширенных результатов Google до оптимизации RSS-ленты с практическими улучшениями SEO.
Как сделать сайт на Astro 6 поддерживающим 9 языков ― Автоматический перевод 168 статей блога и мультиязычная архитектура
Документация интернационализации сайта на Astro 6 + UnoCSS + Cloudflare Pages на 9 языков. Охватывает весь процесс от интернационализации UI до перевода 168 статей блога и настройки мультиязычного Pages CMS.
Практические техники достижения 99 баллов PageSpeed Mobile на сайте Astro
Техники оптимизации, использованные для достижения 99 баллов PageSpeed Insights Mobile на сайте Astro + UnoCSS + Cloudflare Pages. Рассматриваются стратегия доставки CSS, подводные камни настройки шрифтов, адаптивные изображения, ленивая загрузка AdSense и настройки кэширования.
От VitePress к Starlight — унификация фреймворков для документационного сайта
Запись миграции бизнес-плана, созданного с помощью VitePress + UnoCSS, на Astro + Starlight с унификацией фреймворка между двумя проектами. Также рассматривается миграция диаграмм Mermaid на CDN.