обзор calendar_today Apr 19, 2026

Пример статьи — виртуальные карты

Это шаблонная статья для проверки работы Content Collections. Замените на реальный контент.

person
Редакция
Автор
abstract glowing neon blue and purple data streams

Пример статьи

Это шаблонная статья для проверки работоспособности Content Collections и кастомных MDX компонентов.

Блок цитаты

“Интерфейс — это не просто картинка, это способность запускать вычисления там, где это имеет наибольший смысл для задержки и производительности.”

Блок кода

Ниже представлен пример MacOS-стилизованного блока кода:

code
import { next } from '@astrojs/edge';

export default function middleware(request, context) {
  // Выполнение логики на Edge
  const region = request.headers.get('x-vercel-ip-city');

  if (region === 'Tokyo') {
    return new Response('Konnichiwa!');
  }

  return next();
}

Сетка с карточками

Для вывода сложных элементов мы используем <ArticleGrid> и <ArticleGridItem>.

dns

Stateless Edge

Чистые функции, выполняющиеся рядом с пользователем, идеально подходят для маршрутизации, проверки авторизации и A/B тестирования.

database

Stateful Edge

Вычисления, расположенные рядом с распределенными базами данных, позволяющие выполнять сложные запросы без обращения к основному серверу.

Портрет автора Дмитрий Соколов

Senior Frontend Engineer / Tech Writer

Senior Frontend Engineer с 9-летним опытом. Специализируется на Astro.js и JAMstack.

Комментарии (4)

АГ
18 апр 2026

Попробовал перенести проект с Next.js на Astro. Оказалось, что статическая генерация (SSG) и islands architecture действительно ускоряют загрузку (PageSpeed стал 95+). Подход с частичной гидратацией просто отличный!

МЕ
19 апр 2026

Подскажите, а как лучше настроить SSR адаптер для деплоя Astro на Vercel или Cloudflare? Вроде бы Node.js адаптер тоже подходит, но хочется использовать edge functions для максимальной скорости.

ПЗ
20 апр 2026

Спасибо за разбор! Особенно полезна часть про интеграцию Tailwind CSS v4 и работу с MDX коллекциями (content collections) через схемы Zod. Строгая типизация контента очень помогает при разработке.

ВЛ
21 апр 2026

Подключила PocketBase к Astro по вашей схеме. View Transitions (плавные переходы между страницами) работают шикарно, но возник вопрос: как правильно кэшировать запросы к БД на этапе сборки статического сайта?

Оставить комментарий

Оставляя комментарий, вы соглашаетесь с правилами.

Рекомендуем к прочтению