Astro · Cloudflare · R2

Astro + R2: современный стек для портфолио и продуктовых сайтов

Показываю, как использовать Astro совместно с Cloudflare R2 для быстрой публикации проектов и медиа.

5 сентября 2024 г. ⏱ 6 мин

Почему Astro

Astro позволяет генерировать статический HTML и подключать React-острова только там, где нужна интерактивность. Это делает сайт быстрым из коробки.

Зачем R2

R2 — дешёвое и производительное хранилище без egress-финансов, идеально подходит для портфолио с большим количеством медиа.

Что важно настроить

  • Шаблон именования. Обозначьте структуру ключей (portfolio/<проект>/hero.webp).
  • Автоматизацию загрузки. Используйте Workers и put-хэндлеры для безопасного аплоада.
  • Публичный CDN. Проксируйте медиа через свой поддомен и применяйте кеш.

Результат

Комбинация Astro + R2 + Cloudflare Pages даёт молниеносный DX, низкую стоимость владения и гибкость кастомизации под бренд.

Другие материалы