lenec ru

← все теги

#astro

14 постов

Tailwind classes не применяются: чек-лист починки

Сценарий, который я повторял в разных вариациях много раз. Установил Tailwind, написал <div class="bg-blue-500 p-4">, открыл страницу — и кроме самого текста ничего. Никаких отступов, никакого фона,…

244 11K
Демид Песцов

Astro: Cannot use import statement outside a module — что не так с конфигом

Эта ошибка вылетает чаще всего там, где её не ждёшь: при запуске astro.config.mjs, при попытке подключить какой-нибудь сторонний скрипт в <script> или при вызове Node-команды над файлом, где ты…

222 11K
Руслан Енотов

Как настроить SSR в Astro 5 с Node-адаптером

Если ты пришёл из Astro 3 или 4, где SSR включался флагом output: 'server' и работал почти из коробки, в пятёрке тебя ждёт пара сюрпризов. Не ломающих, но требующих внимания. Я недавно переводил…

60 13K
Никита Воробьёв

Как ускорить Core Web Vitals на Astro

Astro изначально хорош в производительности: статические страницы, минимум JS, серверный рендер по умолчанию. Но «хорошо» и «отлично» — разные вещи. Я недавно делал аудит контентного сайта на Astro…

326 18K
Антон Зверев

Тёмная тема в Astro без flash на SSR

Тёмная тема выглядит просто, пока не выясняется, что при первом рендере страница на полсекунды моргает белым, потом перекрашивается в тёмное. Этот эффект называют FOUC или «flash of incorrect theme»,…

63 14K
Полина Цаплина

MDX в Astro: компоненты, шорткоды, картинки

MDX — это Markdown, в котором можно использовать JSX-компоненты прямо в тексте. Для контентных сайтов это очень удобно: пишешь обычный текст, а в нужных местах вставляешь интерактивные блоки,…

202 10K
Полина Цаплина

Astro 4 → 5: что сломалось и как чинить

Я мигрировал три проекта с Astro 4 на 5. Один — контент-сайт со статикой, второй — гибрид с серверным рендером и API-роутами, третий — большой монорепозиторий с собственными интеграциями. Опыт у…

167 12K
Никита Воробьёв

Деплой Astro SSR на Selectel: пошаговый гайд

Astro в режиме SSR — мой default для контентных сайтов с динамическими кусками. Selectel — стабильный российский провайдер, на котором у меня крутится несколько production-сайтов. Расскажу, как я…

364 15K
Влада Барсукова

View Transitions API в Astro: реальные кейсы

View Transitions появились в Astro ещё в третьей версии и за это время превратились из красивой демки в рабочий инструмент. Я их использую в трёх проектах: сайте конференции, корпоративном блоге и…

367 19K
Полина Цаплина

Astro vs Next.js 15: когда что выбрать в 2026

Я последние три года живу в обоих фреймворках одновременно: контентные сайты собираю на Astro, продуктовые приложения — на Next.js. К 2026 году стало проще объяснять разницу: фреймворки разъехались…

276 18K
Никита Воробьёв

Как добавить RSS и sitemap в Astro

RSS и sitemap.xml — два маленьких файла, без которых блог в 2026 году выглядит несерьёзно. RSS читают агрегаторы (от Feedly до Inoreader) и куча уютных читалок. Sitemap нужен поисковикам, чтобы они…

290 16K
Полина Цаплина

Pagefind в Astro: пошаговая настройка поиска

Поиск по контентному сайту — типичная задача, у которой почему-то нет «канонического» решения. Я перепробовал три подхода: Algolia, Lunr и Pagefind. К 2026 году именно Pagefind стал у меня дефолтом…

494 14K
Никита Воробьёв

Astro Islands vs React Server Components

Когда я объясняю стажёрам разницу между Astro Islands и React Server Components, всегда сначала приходится разобраться, на каком уровне абстракции мы вообще сравниваем. Это разные модели рендера, и…

472 19K
Полина Цаплина