Какой JS-фреймворк брать для лендинга, а какой лучше не тащить в продакшен

Какой JS-фреймворк брать для лендинга, а какой лучше не тащить в продакшен

Для лендинга важны не «мощность» и не количество абстракций, а скорость первого экрана, простота сборки и цена ошибки. Если задача — одна страница, форма, анимации и несколько интерактивных блоков, то лишний слой сложности обычно только мешает.

React удобен, когда уже есть команда, сложная логика и переиспользуемые компоненты. Но для простого лендинга он часто избыточен: больше кода, больше точек отказа, выше риск раздувать бандл. Vue обычно проще в входе и быстрее в прототипировании, особенно если проект собирается одним разработчиком или небольшой группой.

Svelte и Astro чаще выигрывают там, где нужен минимум JavaScript на клиенте. Svelte хорош для интерактива без тяжёлого каркаса, Astro — для контентных страниц, где основная масса разметки статична и оживает только нужный фрагмент. Next и Nuxt уместны, если лендинг уже живёт рядом с приложением, личным кабинетом или блогом и нужен единый стек.

Что по производительности? На лендинге почти всегда выигрывает не «самый модный» фреймворк, а тот, который позволяет отправить в браузер меньше JS, меньше гидрации и меньше лишней логики. Если можно сделать страницу на статике с точечными островками интерактива — так и делайте.

Вердикт для продакшена: для чистого лендинга смотрите в сторону Astro или Svelte; React и Vue берите, когда они уже оправданы архитектурой проекта. Иначе вы платите за инфраструктуру, которая на одной странице просто не окупается.