Vite vs Webpack 5 vs esbuild vs Turbopack: выбор бандлера в 2026
Практический разбор Vite, Webpack 5, esbuild и Turbopack: когда что брать, плюсы и минусы, готовые конфиги, реальные бенчмарки и миграция с Webpack на Vite без сюрпризов.
Все статьи в категории "Frontend" на блоге viku-lov.ru
Практический разбор Vite, Webpack 5, esbuild и Turbopack: когда что брать, плюсы и минусы, готовые конфиги, реальные бенчмарки и миграция с Webpack на Vite без сюрпризов.
Astro 5: формы с Actions и Zod, API Routes, SSR и SSG, адаптеры и деплой. Создание форм, REST endpoints, выбор режима рендеринга, настройка Netlify, Vercel, Node.js.
Минимальный tsconfig, strict по шагам, миграция по файлам, типизация API и props. Частые ошибки с any и реальный пример рефактора JS → TS.
Практическое руководство по обновлению Astro с версии 5.16.5 до 6.0: требования Node.js 22, breaking changes, реальные примеры кода и чек-лист миграции.
Практическая настройка SEO в Astro: canonical из origin, sitemap.xml, robots.txt, RSS, meta description, Open Graph. Чеклист для Яндекс Вебмастера.
Как создать быстрый блог или сайт на Astro 5/6: SSG-фреймворк, альтернатива Next.js и Gatsby. Статический генератор для React/Vue-разработчиков. Установка, маршруты, MDX, Content Collections с Zod.
Практический гайд: сломанный layout и hero на 100vh, разница vh vs dvh, fallback, поддержка браузеров. Сравнение старого способа (JS resize) и нового (dvh). Контейнерные единицы — один кейс.
Практический ответ: когда можно обойтись без SCSS. Реальный layout, CSS nesting, переменные, @layer, container queries. Сравнение сборки, когда SCSS всё ещё нужен, перфоманс.
Практический разбор title и Open Graph для разработчиков: как писать заголовки и описания, которые корректно работают в Google, Яндексе и социальных сетях.