Цена JS-фреймворков для ИИ
Бенчмарк Нолана Лоусона: сколько стоит в токенах генерация одного и того же приложения в Claude Code на 12 разных JS-стеках.
Разработчики всё чаще заставляют ИИ-агентов писать приложения с нуля. Но задумывались ли вы, во сколько обходится выбор фреймворка, когда за каждый сгенерированный токен приходится платить?
Нолан Лоусон провёл эксперимент: попросил Claude Code собрать одно и то же веб-приложение про Покемонов на 12 разных стеках — от Angular и Next.js до Astro, Hono+htmx и ванильного JS. Каждое приложение создавалось по 3–5 раз для объективности.
Что показали результаты:
- Hono + htmx — самый дешёвый стек. Медианная стоимость сборки составила всего $2,67 за прогон, а итоговый объём кода оказался наименьшим в бенчмарке (~1370 строк).
- Astro — лидер по чистоте клиента. Сборка обошлась почти так же дёшево ($2,76), но главное — приложение отдало 0 KiB клиентского JavaScript на стартовой странице.
- Angular — самый дорогой и громоздкий. Сборка обошлась в $4,97 (агент путался в SSR/прокси-конфигах), а объём кода разросся до 2000+ строк.
- Клиентский бандл: Передаваемый JS варьируется от 0 KiB (Astro) и 7 KiB (Vanilla JS) до 84 KiB (Nuxt) и 142 KiB (Next.js).
Главный вывод: Выбор фреймворка напрямую влияет на кошелёк. И дело не только в первой генерации: объём кодовой базы напрямую определяет стоимость токенов при каждом последующем рефакторинге или добавлении фич агентом.