Вопрос, который мы задаём в первые 10 минут брифа: «вам нужно React-приложение или контент-сайт?» Если контент-сайт (маркетинг, лендинг, корпоративный сайт, блог) — почти всегда советуем Astro.
Что такое Astro
Astro — фреймворк для статических сайтов с возможностью добавить React/Vue/Svelte «островками» там, где нужно. Релиз 1.0 — август 2022. С тех пор активная экосистема, версия 5.18 на момент написания.
Зачем нам он
1. Скорость загрузки на старте
Astro генерирует чистый HTML + минимум JS. Лендинг весит ~30кб HTML + ~5кб JS (если нет интерактива). На том же лендинге на Next.js — 80кб HTML + 200кб JS на хидрацию. Это разница 5–10x по времени интерактивности.
PageSpeed Mobile у нас на проектах: Astro = 95–99, Next.js = 75–88.
2. SEO
Гугл/Яндекс ранжируют по скорости. HTML-страницы Astro индексируются мгновенно, без проблем с SSR-хидрацией. Sitemap, robots.txt, микроразметка — встроенные интеграции.
3. View Transitions
Astro 4.x встроил поддержку браузерного API View Transitions. Анимация перехода между страницами без SPA-хидрации. На нашем сайте — оранжевый «логотип морфит в логотип» работает именно через это.
4. MDX для блога
.mdx файлы — это Markdown + React-компоненты прямо в тексте. Контент пишет команда (не разработчик), но при этом можно вставить интерактивный калькулятор посреди статьи. На WordPress такое сделать в 20 раз дольше.
5. Гибкость по фреймворкам
Внутри Astro можно подключить React (для сложного интерактива), Vue, Svelte, Solid. Не выбираешь один фреймворк на 5 лет — берёшь под задачу.
Когда мы выбираем Next.js
Сложное приложение с авторизацией, ЛК, real-time данными. ЦАСР, Релик-чат, маркетплейсы — это Next.js или Remix.
Когда нужен Server Actions и сложный SSR. Например, e-commerce с динамическим прайсингом по пользователю.
Когда тимлид клиента уже на React стеке. Имеет смысл не вводить дополнительный стек в команду заказчика.
Когда мы выбираем Tilda
Если у клиента нет команды разработчиков и сайт должен редактировать маркетолог без помощи разработчика. Подойдёт для:
- Лендингов с регулярными обновлениями (раз в неделю смена оффера / визуала)
- Маркетинговых кампаний с короткой жизнью
- Сайтов, где визуальный редактор важнее скорости и SEO
Но: цена Tilda от $20/мес, vendor lock-in, нет полноценного блога, ограниченная интеграция, плохой PageSpeed на мобильных.
Сравнение по 7 параметрам
| Параметр | Astro | Next.js | Tilda |
|---|---|---|---|
| Скорость загрузки | 5/5 | 3/5 | 2/5 |
| SEO | 5/5 | 4/5 | 3/5 |
| Стоимость разработки | 4/5 | 3/5 | 5/5 |
| Стоимость поддержки | 5/5 | 3/5 | 4/5 |
| Кастомизация | 5/5 | 5/5 | 2/5 |
| Простота редактирования | 3/5 | 3/5 | 5/5 |
| Подходит для приложений | 2/5 | 5/5 | 1/5 |
Когда не подходит Astro
Сложная SPA-логика на одной странице (kanban-доска, real-time чат) — берём Next.js + React.
Бесконечные ленты, infinite scroll — теоретически можно, но в Next.js удобнее.
Серверные мутации с авторизацией — Astro Actions есть, но Next.js Server Actions удобнее.
Что мы делали на Astro в 2025–2026
- Наш сайт (dacod.ru) — этот, который вы читаете.
- «Семейная Реликвия» — корпоративный сайт, подробнее в кейсе.
- «AquaPro» — корпоративный сайт производства.
- 3 проекта под NDA.
Все — PageSpeed 95+ mobile, заметно дешевле в разработке и поддержке, чем эквиваленты на Next.js.
Подумаешь, может на нашем проекте Astro сработает? Обсудим.