[{"data":1,"prerenderedAt":1014},["ShallowReactive",2],{"blog-post-ru-nuxt-ili-next-chto-vybrat":3,"blog-list-ru":904},{"id":4,"title":5,"body":6,"category":856,"cover":857,"date":858,"description":12,"excerpt":859,"extension":860,"faq":861,"featured":894,"meta":895,"metaDescription":896,"metaTitle":897,"navigation":898,"path":899,"readingMinutes":900,"seo":901,"slug":902,"stem":902,"updated":858,"__hash__":903},"blogRu/nuxt-ili-next-chto-vybrat.md","Nuxt или Next: что выбрать для проекта в 2026",{"type":7,"value":8,"toc":820},"minimark",[9,13,16,21,24,143,146,150,153,160,175,189,202,208,211,215,218,224,245,251,257,261,264,269,272,313,320,324,327,338,344,348,351,355,361,367,371,377,383,387,399,419,422,426,429,450,453,473,479,485,489,492,498,504,510,523,529,533,536,543,546,570,573,579,583,586,592,598,604,610,614,643,646,650,672,675,679,682,685,688,702,705,714,718,721,729,737,745,749,753,756,760,767,771,774,778,781,785,788,792,795,799,806,810,813,817],[10,11,12],"p",{},"В 2026 году это один из самых популярных технических вопросов у клиентов перед стартом проекта: «Nuxt или Next, что выбрать?» Я слышу его часто и понимаю, откуда он берётся. Статей много, половина написана с позиции «мой любимый стек лучший», вторая половина слишком сухая. Я работаю на обоих, поэтому без фанатизма.",[10,14,15],{},"Меня зовут Евгений Волков, fullstack-разработчик. В производственных проектах у меня и Nuxt, и Next.js. Ниже разложу реальную разницу между Nuxt и Next: когда это важно, когда нет, и что реально влияет на выбор.",[17,18,20],"h2",{"id":19},"коротко-nuxt-и-next-это-одно-и-то-же-для-разных-экосистем","Коротко: Nuxt и Next это одно и то же для разных экосистем",[10,22,23],{},"Если нужен быстрый ответ, вот он.",[25,26,27,43],"table",{},[28,29,30],"thead",{},[31,32,33,37,40],"tr",{},[34,35,36],"th",{},"Критерий",[34,38,39],{},"Nuxt",[34,41,42],{},"Next.js",[44,45,46,58,68,77,88,99,110,121,132],"tbody",{},[31,47,48,52,55],{},[49,50,51],"td",{},"Базовый фреймворк",[49,53,54],{},"Vue 3.5",[49,56,57],{},"React 19",[31,59,60,63,66],{},[49,61,62],{},"SSR / SSG / ISR",[49,64,65],{},"Есть",[49,67,65],{},[31,69,70,73,75],{},[49,71,72],{},"Файловый роутинг",[49,74,65],{},[49,76,65],{},[31,78,79,82,85],{},[49,80,81],{},"SEO-мета из коробки",[49,83,84],{},"useSeoMeta, useHead",[49,86,87],{},"Metadata API",[31,89,90,93,96],{},[49,91,92],{},"Auto-imports",[49,94,95],{},"Есть (компоненты, composables)",[49,97,98],{},"Нет, импорты явные",[31,100,101,104,107],{},[49,102,103],{},"Server Components",[49,105,106],{},"Nuxt 4: частичная поддержка",[49,108,109],{},"React Server Components (полная)",[31,111,112,115,118],{},[49,113,114],{},"Рынок найма",[49,116,117],{},"Меньше (Vue-экосистема)",[49,119,120],{},"Больше (React-экосистема)",[31,122,123,126,129],{},[49,124,125],{},"Размер комьюнити",[49,127,128],{},"Растущее, активное",[49,130,131],{},"Очень большое",[31,133,134,137,140],{},[49,135,136],{},"Гибкость деплоя",[49,138,139],{},"Высокая (любой хостинг)",[49,141,142],{},"Высокая (оптимально на Vercel)",[10,144,145],{},"Оба фреймворка решают одни и те же задачи бизнеса. SSR для SEO, SSG для скорости, файловый роутинг, оптимизация изображений, серверные API-роуты. Ключевая разница одна: Nuxt строится на Vue, Next.js на React. Всё остальное вытекает из этого.",[17,147,149],{"id":148},"в-чём-они-похожи","В чём они похожи",[10,151,152],{},"Список того, что умеют оба, длиннее списка различий.",[10,154,155,159],{},[156,157,158],"strong",{},"Серверный рендеринг и статика."," SSR (рендер на каждый запрос), SSG (рендер при сборке), ISR (обновление статики по таймеру) есть у обоих. Поисковый робот в обоих случаях получает готовый HTML. Для SEO это главное, и здесь фреймворки равны.",[10,161,162,165,166,170,171,174],{},[156,163,164],{},"Файловый роутинг."," Страницы создаются файлами в папке ",[167,168,169],"code",{},"pages/"," (Nuxt) или ",[167,172,173],{},"app/"," (Next.js). Никакой ручной конфигурации роутов не нужно.",[10,176,177,180,181,184,185,188],{},[156,178,179],{},"SEO-мета."," Управление title, description, canonical, Open Graph и JSON-LD встроено в оба. В Nuxt это ",[167,182,183],{},"useSeoMeta"," и ",[167,186,187],{},"useHead",", в Next.js это Metadata API. Уровень контроля одинаковый.",[10,190,191,194,195,184,198,201],{},[156,192,193],{},"Оптимизация."," Lazy loading компонентов, оптимизация изображений (",[167,196,197],{},"\u003CNuxtImg>",[167,199,200],{},"next/image","), предзагрузка, кодовый сплиттинг из коробки у обоих.",[10,203,204,207],{},[156,205,206],{},"Серверные роуты."," Nuxt Nitro и Next.js Route Handlers позволяют писать серверную логику прямо внутри проекта: API-эндпоинты, вебхуки, серверные действия. Отдельный бэкенд не нужен для простых задач.",[10,209,210],{},"Это важно для бизнеса. Большинство задач: корпоративный сайт, интернет-магазин, кабинет пользователя, лендинг с формой. Всё это одинаково хорошо закрывается и Nuxt, и Next.js. Выбирать «ради SEO» или «ради скорости» не нужно: оба дадут нужный результат при нормальной реализации.",[17,212,214],{"id":213},"ключевые-различия","Ключевые различия",[10,216,217],{},"Там, где они всё-таки расходятся, разница принципиальная.",[10,219,220,223],{},[156,221,222],{},"Язык и экосистема."," Это самое важное. Vue и React это разные языки программирования де-факто: разный синтаксис, разные концепции, разные библиотеки. Компонент, написанный на Vue, не работает в React и наоборот. Команда, которая знает React, будет тормозить на Vue и наоборот. Выбор фреймворка это выбор экосистемы, а не просто инструмента.",[10,225,226,229,230,233,234,237,238,237,241,244],{},[156,227,228],{},"Developer Experience."," Nuxt исторически делает ставку на удобство разработчика. Auto-imports: компоненты, composables, утилиты появляются в коде без строчек ",[167,231,232],{},"import",". Route rules позволяют задать режим рендеринга (SSR, SSG, SPA, ISR) для каждого роута прямо в конфиге. Vue-синтаксис шаблонов (",[167,235,236],{},"\u003Ctemplate>",", ",[167,239,240],{},"\u003Cscript setup>",[167,242,243],{},"\u003Cstyle>",") многие считают более читаемым, чем JSX в React. Next.js с App Router и React Server Components мощнее для сложных серверных сценариев, но требует больше понимания.",[10,246,247,250],{},[156,248,249],{},"React Server Components."," Next.js реализовал полную поддержку RSC: компоненты выполняются только на сервере и не шлют JS в браузер вообще. Nuxt 4 делает шаги в эту сторону, но React здесь опережает. Для большинства сайтов это не критично. Для нагруженных сервисов с большим количеством серверных данных RSC дают реальный прирост.",[10,252,253,256],{},[156,254,255],{},"Рынок найма."," React занимает ~40% рынка фреймворков, Vue ~16–17%. Это значит, что Next.js-разработчика найти проще и быстрее. Для стартапа, который масштабирует команду, это реальный аргумент.",[17,258,260],{"id":259},"деплой-nitro-против-standalone-next","Деплой: Nitro против standalone Next",[10,262,263],{},"Это практический вопрос, который влияет на стоимость хостинга и уровень свободы.",[265,266,268],"h3",{"id":267},"nuxt-через-nitro","Nuxt через Nitro",[10,270,271],{},"Nuxt использует Nitro как сервер-движок. Nitro поддерживает несколько пресетов без изменения кода:",[273,274,275,286,295,304],"ul",{},[276,277,278,281,282,285],"li",{},[156,279,280],{},"Node-сервер"," (",[167,283,284],{},"preset: 'node-server'","). Обычный Node.js-процесс, деплоится на любой VPS, в Docker, на Railway, Render. Именно этот режим использует evolkov.tech: Nitro-сервер в Docker-контейнере на собственном VPS через Caddy-реверс-прокси.",[276,287,288,281,291,294],{},[156,289,290],{},"Статика",[167,292,293],{},"preset: 'static'","). Полная пре-генерация, результат отдаётся любым статическим хостингом: Cloudflare Pages, Netlify, GitHub Pages.",[276,296,297,281,300,303],{},[156,298,299],{},"Cloudflare Workers",[167,301,302],{},"preset: 'cloudflare'","). Код выполняется на edge без сервера, ультимативно быстро для контентных сайтов.",[276,305,306,281,309,312],{},[156,307,308],{},"AWS Lambda",[167,310,311],{},"preset: 'aws-lambda'","). Serverless с оплатой по вызовам, хорошо для проектов с нестабильной нагрузкой.",[10,314,315,316,319],{},"Переключение между пресетами: одна строка в ",[167,317,318],{},"nuxt.config.ts",". Логика приложения не трогается. Это сильная сторона Nuxt: ты не привязан к платформе, можно поменять хостинг без переписывания.",[265,321,323],{"id":322},"nextjs-vercel-или-standalone","Next.js: Vercel или standalone",[10,325,326],{},"Next.js исторически оптимизирован под Vercel. Там работает ISR из коробки, Edge Middleware, Analytics, автоматическое разделение на статику и динамику. На Vercel Next.js раскрывается полностью.",[10,328,329,330,333,334,337],{},"На других платформах Next.js деплоится в ",[156,331,332],{},"standalone-режиме",": ",[167,335,336],{},"output: 'standalone'"," в конфиге собирает минимальный Node.js-бандл с зависимостями. Деплоится на VPS так же, как Nuxt. Работает без проблем, просто ISR и некоторые Edge-функции нужно адаптировать под платформу.",[10,339,340,343],{},[156,341,342],{},"Что это значит для владельца проекта."," Оба варианта способны работать на дешёвом VPS за 500–1500 ₽/мес. Если нужен managed-хостинг без настройки сервера, Vercel для Next.js даст больше фич из коробки. Если нужна свобода (собственный сервер, Docker, любой регион), Nuxt удобнее: пресеты меняются без рефакторинга.",[17,345,347],{"id":346},"экосистема-ui-киты-состояние-data-fetching","Экосистема: UI-киты, состояние, data fetching",[10,349,350],{},"Разница nuxt и next по библиотекам реальная и чувствуется в процессе разработки.",[265,352,354],{"id":353},"ui-компоненты","UI-компоненты",[10,356,357,360],{},[156,358,359],{},"Next.js / React:"," выбор огромный. shadcn/ui сейчас де-факто стандарт для новых проектов (copy-paste компоненты, Tailwind, никакой зависимости от пакета). MUI (Material Design), Ant Design, Mantine, Radix UI, Headless UI. Под каждую задачу найдётся зрелая библиотека с тысячами GitHub-звёзд и документацией на 500 страниц.",[10,362,363,366],{},[156,364,365],{},"Nuxt / Vue:"," выбор меньше, но качество достаточное. Nuxt UI это официальная библиотека от команды Nuxt (на Tailwind, хорошо интегрируется). PrimeVue закрывает enterprise-сценарии: таблицы, дашборды, сложные формы. Vuetify если нужен Material Design. Element Plus для CRUD-интерфейсов. Для большинства проектов хватает с запасом, но React-экосистема шире и выбор готовых решений больше.",[265,368,370],{"id":369},"управление-состоянием","Управление состоянием",[10,372,373,376],{},[156,374,375],{},"Nuxt:"," Pinia. Это официальный стейт-менеджер Vue, лёгкий, с хорошей типизацией и devtools. Работает из коробки с Nuxt, устанавливается одним модулем.",[10,378,379,382],{},[156,380,381],{},"Next.js:"," на выбор. Redux Toolkit если нужен предсказуемый глобальный стор для большой команды. Zustand для небольших проектов: минималистичный, простой API без бойлерплейта. Jotai, Recoil для атомарного подхода. Широкий выбор хорош для опытных, но для новичка это ещё одно решение, которое нужно принять.",[265,384,386],{"id":385},"data-fetching","Data fetching",[10,388,389,391,392,184,395,398],{},[156,390,39],{}," даёт ",[167,393,394],{},"useFetch",[167,396,397],{},"useAsyncData"," из коробки. Они заточены под SSR: запросы выполняются на сервере, данные гидрируются на клиент без повторного запроса. Кеш, дедупликация, refresh по событию встроены.",[10,400,401,403,404,407,408,237,411,414,415,418],{},[156,402,42],{}," в App Router предлагает нативный ",[167,405,406],{},"fetch"," с расширенными параметрами кеширования (",[167,409,410],{},"cache: 'force-cache'",[167,412,413],{},"next: { revalidate: 60 }","). Для сложной клиентской логики подключают TanStack Query (React Query) или SWR. Это мощнее, но требует понимания того, что выполняется на сервере, а что на клиенте. Граница server/client в App Router проходит через директиву ",[167,416,417],{},"'use client'",", и первое время это путает.",[10,420,421],{},"Итог по экосистеме: если проект требует богатого фронтенд-интерфейса с нестандартными компонентами, React-экосистема даёт больше готового. Для типовых бизнес-задач Vue-экосистемы вполне достаточно.",[17,423,425],{"id":424},"typescript-и-developer-experience","TypeScript и Developer Experience",[10,427,428],{},"Оба фреймворка поддерживают TypeScript из коробки, но ощущения разные.",[10,430,431,434,435,438,439,442,443,184,446,449],{},[156,432,433],{},"Nuxt и auto-imports."," При запуске dev-сервера Nuxt генерирует папку ",[167,436,437],{},".nuxt/types/"," с типами для всего: компоненты, composables, роуты, плагины. Пишешь ",[167,440,441],{},"useRouter()"," без импорта, IDE подхватывает типы автоматически. Это ускоряет разработку: меньше времени на ",[167,444,445],{},"import { ref } from 'vue'",[167,447,448],{},"import { useRouter } from '#app'",", больше времени на логику.",[10,451,452],{},"Есть нюанс. Auto-imports магичны, пока проект небольшой. На крупном монорепо с общими пакетами иногда неочевидно, откуда пришёл тот или иной composable. Команде нужно договориться о конвенциях.",[10,454,455,458,459,237,462,465,466,184,469,472],{},[156,456,457],{},"Next.js и явные импорты."," Всё явно. ",[167,460,461],{},"import { useState } from 'react'",[167,463,464],{},"import { notFound } from 'next/navigation'",". Больше кода, но каждый импорт читается как документация: сразу видно, откуда что берётся. TypeScript-плагин VSCode в Next.js даёт подсказки для App Router, типизацию ",[167,467,468],{},"params",[167,470,471],{},"searchParams"," в серверных компонентах.",[10,474,475,478],{},[156,476,477],{},"Где реально выигрывается время."," На мой взгляд, Nuxt быстрее стартует с нуля на одного разработчика: меньше конфига, больше встроено. Next.js окупается на командной работе: явные импорты, строгая граница server/client, понятная структура App Router читаются одинаково у всех участников команды.",[10,480,481,484],{},[156,482,483],{},"Скорость сборки."," Next.js 15 использует Turbopack в режиме разработки по умолчанию (ранее Webpack). Холодный старт dev-сервера на крупных проектах стал заметно быстрее. Nuxt использует Vite, который традиционно быстрее Webpack. Оба в 2026 году стартуют разумно быстро; разница ощутима на проектах от 200+ компонентов.",[17,486,488],{"id":487},"производительность-честно","Производительность честно",[10,490,491],{},"Тема, вокруг которой много мифов. Разберу по-честному.",[10,493,494,497],{},[156,495,496],{},"TTFB на динамическом SSR."," В синтетических тестах на одинаковом железе разница между Nuxt и Next.js в TTFB составляет единицы миллисекунд. Нет ни одного производственного сценария, где выбор фреймворка сам по себе дал бы ощутимую разницу для конечного пользователя. Кеширование, количество запросов к базе, размер ответа. Вот реальные рычаги.",[10,499,500,503],{},[156,501,502],{},"Статические страницы."," Оба летают одинаково. После пре-рендера Nuxt и Next отдают чистый HTML/CSS/JS, и производительность определяется сетью и CDN, а не фреймворком.",[10,505,506,509],{},[156,507,508],{},"React Server Components и реальный прирост."," RSC в Next.js дают ощутимый результат в конкретном сценарии: страница с большим количеством серверных данных, которые не нужны клиенту. Классический пример: список товаров с фильтрами, где логика фильтрации это SQL-запрос. RSC выполняет его на сервере и не шлёт JS клиенту вообще. Total Blocking Time и bundle size снижаются реально. Для большинства контентных сайтов и корпоративных порталов эта разница незаметна.",[10,511,512,515,516,184,519,522],{},[156,513,514],{},"Гидрация."," Оба фреймворка страдают от «waterfall гидрации» на сложных страницах: HTML пришёл, но JS ещё загружается, и страница не интерактивна. Next.js с RSC вычленяет серверные компоненты из этого потока раньше. Nuxt решает это через ",[167,517,518],{},"\u003CClientOnly>",[167,520,521],{},"lazy:true"," на компонентах. Оба подхода работают, просто в Nuxt это делается вручную.",[10,524,525,528],{},[156,526,527],{},"Итог по производительности:"," выбирай фреймворк по команде и экосистеме, не по бенчмаркам. Архитектура приложения (кеш, число запросов, размер бандла) важнее выбора между Nuxt и Next.",[17,530,532],{"id":531},"реальность-миграции-nuxt-в-next-и-обратно","Реальность миграции Nuxt в Next (и обратно)",[10,534,535],{},"Миграция с Next на Nuxt или в обратном направлении это переписывание фронта, а не перенос.",[10,537,538,539,542],{},"Vue-компоненты (",[167,540,541],{},".vue","-файлы) не совместимы с React. JSX не совместим с Vue-шаблонами. Composables на Vue не эквивалентны кастомным хукам React структурно, хотя концептуально похожи. Всё это пишется заново.",[10,544,545],{},"Что переносится проще:",[273,547,548,558,564],{},[276,549,550,553,554,557],{},[156,551,552],{},"Серверная логика"," (API-роуты, работа с БД, бизнес-логика). Концепции роутов и обработки запросов идентичны. ",[167,555,556],{},"server/api/products.get.ts"," в Nuxt и Route Handler в Next.js делают одно и то же.",[276,559,560,563],{},[156,561,562],{},"Типы и интерфейсы TypeScript."," Они не привязаны к фреймворку и переезжают без правок.",[276,565,566,569],{},[156,567,568],{},"Конфигурация инфраструктуры"," (Docker, CI/CD, переменные среды). Это тоже не зависит от фреймворка.",[10,571,572],{},"Сколько это занимает. На проекте с 30–50 страницами и типовыми компонентами (формы, таблицы, модалки) миграция с Next на Nuxt или обратно это 2–4 недели работы одного разработчика. Больше страниц и кастомных компонентов: больше времени линейно.",[10,574,575,578],{},[156,576,577],{},"Стоит ли это делать."," Почти никогда, если проект уже запущен и работает. Единственные разумные причины: команда критически страдает от незнания стека, или платформа (например, Vercel-специфика) стала блокером. Ради абстрактного «Next лучше» или «Nuxt лучше» миграцию не делают. Я не делаю.",[17,580,582],{"id":581},"сценарии-выбора-кому-что-брать","Сценарии выбора: кому что брать",[10,584,585],{},"Конкретные ситуации, где выбор очевиден.",[10,587,588,591],{},[156,589,590],{},"Стартап без команды, разработчик один."," Выбирай стек, который знаешь лучше. Экономия времени на онбординге несуществующей команды равна нулю. Если ты Vue-разработчик, Nuxt быстрее даст MVP. Если React, Next.js покажется очевиднее. Тратить неделю на выбор между ними нецелесообразно.",[10,593,594,597],{},[156,595,596],{},"Команда уже на React."," Next.js без вопросов. Vue-онбординг для React-разработчика занимает 2–3 недели продуктивной работы. React Server Components уже знакомы. Переходить на Nuxt нет ни одной технической причины.",[10,599,600,603],{},[156,601,602],{},"Контентный сайт или блог с упором на SEO."," Оба подходят одинаково. Здесь я бы смотрел не на фреймворк, а на CMS: Nuxt Content, Sanity, Contentful, Strapi работают с обоими. Если SEO задаётся как единственный критерий, это ложный вопрос: разница nuxt и next по производительности и SEO-возможностям нулевая.",[10,605,606,609],{},[156,607,608],{},"Международный найм или инвестор из US/EU."," Next.js на React. Международный рынок доминирует React-стеком. Если через год придётся масштабировать команду с найма на Upwork/Toptal или передать проект западному агентству, React облегчит этот переход. Это не технический аргумент, а экосистемный.",[17,611,613],{"id":612},"когда-брать-nuxt","Когда брать Nuxt",[615,616,617],"pros",{},[273,618,619,622,631,634,637,640],{},[276,620,621],{},"Команда знает Vue, переучиваться нет смысла и бюджета.",[276,623,624,625,627,628,630],{},"Чистый синтаксис: ",[167,626,236],{}," / ",[167,629,240],{}," читается легче, чем JSX для многих разработчиков.",[276,632,633],{},"Auto-imports ускоряют разработку: меньше шаблонного кода, быстрее старт.",[276,635,636],{},"Route rules в одном конфиге: режим рендеринга на каждый роут без дополнительных файлов.",[276,638,639],{},"Проект деплоится на собственный сервер или нестандартный хостинг без лишних танцев.",[276,641,642],{},"Разработчик один и ему удобнее Vue-экосистема.",[10,644,645],{},"Для меня лично Nuxt основной инструмент именно потому, что Vue-синтаксис читается чище. Это субъективно, но имеет значение, когда проект живёт годами и в нём ковыряется один человек. Код, который понятен через полгода без комментариев, стоит дороже «правильного» выбора фреймворка.",[17,647,649],{"id":648},"когда-брать-nextjs","Когда брать Next.js",[615,651,652],{},[273,653,654,657,660,663,666,669],{},[276,655,656],{},"Команда знает React. Нет смысла изучать другую экосистему ради фреймворка.",[276,658,659],{},"Найм: React-разработчиков больше на рынке, масштабировать команду проще.",[276,661,662],{},"React Server Components нужны для нагруженных сервисов с большим объёмом серверных данных.",[276,664,665],{},"Энтерпрайз: у React огромная экосистема готовых библиотек, много кейсов крупного масштаба.",[276,667,668],{},"Проект ориентирован на международный рынок, где React-стек стандарт.",[276,670,671],{},"Turbopack в разработке ускоряет пересборку на крупных проектах.",[10,673,674],{},"На проектах, где клиент или команда уже в React, я работаю на Next.js. Не потому что он лучше, а потому что смена стека без веской причины это лишние деньги и риск. Если сайт уже работает на React, я не буду убеждать переписать его на Nuxt ради красоты.",[17,676,678],{"id":677},"что-выбрать-бизнесу","Что выбрать бизнесу",[10,680,681],{},"Вопрос часто ставится неверно. «Nuxt или Next: что лучше для сайта?» Правильный вопрос: «Кто будет делать и поддерживать сайт?»",[10,683,684],{},"Для бизнеса как клиента результат одинаков. Быстрый сайт, хорошая индексация, SEO-мета, оптимизированные изображения, серверная логика там, где нужна. Это закрывают оба фреймворка. Клиент не видит, на каком из них работает его сайт.",[10,686,687],{},"Разница важна для команды:",[273,689,690,693,696,699],{},[276,691,692],{},"Есть Vue-разработчик: Nuxt. Понятнее, быстрее стартует, меньше трений.",[276,694,695],{},"Есть React-разработчик: Next.js. Та же логика.",[276,697,698],{},"Набираете команду с нуля: Next.js немного проще масштабировать наймом.",[276,700,701],{},"Разработчик один и дуал-стек: он сам выберет, исходя из задачи.",[10,703,704],{},"Ещё один аргумент, который редко называют. Смотрите на экосистему вокруг продукта. Если у вас уже есть React Native-приложение, смежная команда на React, библиотека компонентов на React, берите Next.js: переиспользование и знания экономят деньги. Если экосистема пустая, выбирайте по стеку подрядчика.",[10,706,707,708,713],{},"Подробнее о том, как устроена разработка веб-приложений в целом и когда вообще нужен полноценный фреймворк, я написал в статье ",[709,710,712],"a",{"href":711},"/blog/chto-takoe-veb-prilozhenie","что такое веб-приложение",". А о том, чем сайт отличается от приложения и когда задача вырастает из первого во второе, там же.",[17,715,717],{"id":716},"мой-выбор-и-почему","Мой выбор и почему",[10,719,720],{},"Мой основной стек: Nuxt и Vue. Так сложилось не из-за абстрактного превосходства, а из практики. Vue-синтаксис читается лучше на длинных проектах, auto-imports экономят время при разработке, Nuxt-сервер разворачивается на любом хостинге без привязки к платформе. Этот сайт, evolkov.tech, работает на Nuxt и Nitro на собственном сервере, и это осознанный выбор, а не дефолт.",[10,722,723,724,728],{},"Там, где задача или команда просит Next.js, я работаю на нём. Кейс STAN (",[709,725,727],{"href":726},"/cases/3d-konfigurator","3D-конфигуратор",") собран на React и Three.js именно потому, что задача там требовала React-экосистемы. Это дуал-стек, не религия.",[10,730,731,732,736],{},"Если у вас проект и вопрос «Nuxt или Next» завис как блокер, напишите мне. Я задам три вопроса о команде и задаче, и выбор станет очевидным за пять минут. Разрабатываю на обоих, результат для вашего продукта будет одинаковым по качеству. Больше про мои услуги в этом направлении смотрите на странице ",[709,733,735],{"href":734},"/uslugi/razrabotka-veb-prilozhenij","разработки веб-приложений",".",[10,738,739,740,744],{},"А пока вы выбираете фреймворк, загляните в ",[709,741,743],{"href":742},"/blog","блог",": там про SEO для Nuxt, стоимость разработки и как выбрать подрядчика.",[17,746,748],{"id":747},"faq","FAQ",[265,750,752],{"id":751},"в-чём-разница-nuxt-и-nextjs-простыми-словами","В чём разница Nuxt и Next.js простыми словами?",[10,754,755],{},"Nuxt это мета-фреймворк поверх Vue. Next.js это мета-фреймворк поверх React. Оба добавляют к базовой библиотеке одно и то же: SSR, файловый роутинг, оптимизацию, SEO-мета. Задачи одни, язык разный.",[265,757,759],{"id":758},"что-лучше-для-seo-nuxt-или-nextjs","Что лучше для SEO: Nuxt или Next.js?",[10,761,762,763,736],{},"Одинаково. Оба рендерят страницы на сервере или в статику, оба дают полный HTML роботу. Разницы в ранжировании между ними нет. SEO-результат зависит от реализации, а не от выбора фреймворка. Про то, как правильно настроить SEO на Nuxt с кодом и чеклистом, написал отдельно: ",[709,764,766],{"href":765},"/blog/seo-dlya-nuxt","SEO для Nuxt",[265,768,770],{"id":769},"что-проще-для-новичка","Что проще для новичка?",[10,772,773],{},"Nuxt и Vue чуть мягче заходят новичку: понятный синтаксис шаблонов, auto-imports, меньше шаблонного кода. Но если человек уже знает React, Next.js покажется очевидным. Порог входа зависит от базовой библиотеки, не от мета-фреймворка.",[265,775,777],{"id":776},"что-популярнее","Что популярнее?",[10,779,780],{},"Next.js. React держит ~40% рынка фреймворков, Vue ~16–17%. npm-загрузки, GitHub-звёзды, вакансии, конференции, всё у Next.js больше. Это не значит «лучше», это значит «больше ресурсов и людей».",[265,782,784],{"id":783},"можно-ли-перейти-с-nuxt-на-nextjs","Можно ли перейти с Nuxt на Next.js?",[10,786,787],{},"Технически да, но это переписывание. Vue-компоненты не совместимы с React. Серверная логика переезжает проще, фронтенд придётся делать заново. Если проект живой, смена фреймворка почти никогда не окупается.",[265,789,791],{"id":790},"что-выбрать-для-стартапа","Что выбрать для стартапа?",[10,793,794],{},"Смотрите на команду. React-разработчики есть: Next.js, проще масштабировать найм. Vue или один разработчик: Nuxt, быстрее стартует. Технически оба закроют стартап-задачи. Не тратьте недели на этот выбор.",[265,796,798],{"id":797},"как-деплоить-nuxt-не-на-vercel","Как деплоить Nuxt не на Vercel?",[10,800,801,802,805],{},"Nuxt через Nitro не требует Vercel. Простейший вариант: пресет ",[167,803,804],{},"node-server",", Docker-контейнер с Node.js, любой VPS. Так и работает этот сайт. Есть и пресеты для Cloudflare Workers, AWS Lambda, статического хостинга: переключается строкой в конфиге без изменений в коде приложения.",[265,807,809],{"id":808},"можно-ли-использовать-shadcnui-с-nuxt","Можно ли использовать shadcn/ui с Nuxt?",[10,811,812],{},"Нет. shadcn/ui написан под React-компоненты и не работает с Vue. Для Nuxt ближайший аналог по подходу «copy-paste»: shadcn-vue (community-порт) или официальный Nuxt UI. PrimeVue закрывает enterprise-компоненты. Это реальное ограничение Vue-экосистемы: React-библиотеки несовместимы.",[265,814,816],{"id":815},"в-чём-разница-nuxt-и-next-по-typescript","В чём разница nuxt и next по TypeScript?",[10,818,819],{},"Оба поддерживают TypeScript полностью. Nuxt генерирует типы для auto-imports автоматически при старте dev-сервера: IDE видит все composables и компоненты без ручных деклараций. В Next.js импорты явные, TypeScript-плагин VSCode даёт типизацию для App Router. Нюансы разные, уровень TypeScript-поддержки сопоставимый.",{"title":821,"searchDepth":822,"depth":822,"links":823},"",2,[824,825,826,827,832,837,838,839,840,841,842,843,844,845],{"id":19,"depth":822,"text":20},{"id":148,"depth":822,"text":149},{"id":213,"depth":822,"text":214},{"id":259,"depth":822,"text":260,"children":828},[829,831],{"id":267,"depth":830,"text":268},3,{"id":322,"depth":830,"text":323},{"id":346,"depth":822,"text":347,"children":833},[834,835,836],{"id":353,"depth":830,"text":354},{"id":369,"depth":830,"text":370},{"id":385,"depth":830,"text":386},{"id":424,"depth":822,"text":425},{"id":487,"depth":822,"text":488},{"id":531,"depth":822,"text":532},{"id":581,"depth":822,"text":582},{"id":612,"depth":822,"text":613},{"id":648,"depth":822,"text":649},{"id":677,"depth":822,"text":678},{"id":716,"depth":822,"text":717},{"id":747,"depth":822,"text":748,"children":846},[847,848,849,850,851,852,853,854,855],{"id":751,"depth":830,"text":752},{"id":758,"depth":830,"text":759},{"id":769,"depth":830,"text":770},{"id":776,"depth":830,"text":777},{"id":783,"depth":830,"text":784},{"id":790,"depth":830,"text":791},{"id":797,"depth":830,"text":798},{"id":808,"depth":830,"text":809},{"id":815,"depth":830,"text":816},"frontend","/images/blog/nuxt-ili-next-chto-vybrat.webp","2026-07-26",null,"md",[862,865,867,870,873,876,879,882,885,888,891],{"q":863,"a":864},"В чём разница между Nuxt и Next.js?","Nuxt и Next.js это мета-фреймворки с идентичным набором возможностей: SSR, SSG, файловый роутинг, оптимизация, SEO-мета. Разница одна: Nuxt построен на Vue, Next.js на React. Это разные экосистемы, разный синтаксис и разная культура сообщества. Под капотом задачи они решают одни и те же.",{"q":759,"a":866},"Оба одинаково хороши для SEO. И Nuxt, и Next.js рендерят страницы на сервере или заранее в статику, поэтому поисковый робот получает готовый HTML с текстом, заголовками и метатегами. Разницы по ранжированию между ними нет. Результат зависит от того, как настроен сайт, а не от выбора фреймворка.",{"q":868,"a":869},"Что проще для новичка: Nuxt или Next.js?","Nuxt на Vue чуть мягче заходит новичку: меньше шаблонного кода, понятный синтаксис шаблонов, встроенные auto-imports. Next.js требует знания React и его концепций. Но если человек уже знает React, Next.js покажется очевидным. Стартовый барьер зависит не от фреймворка, а от базовой библиотеки.",{"q":871,"a":872},"Что популярнее: Nuxt или Next.js?","Next.js заметно популярнее по всем метрикам: npm-загрузки, GitHub-звёзды, число вакансий. React занимает около 40% рынка фреймворков, Vue около 16–17%. Соответственно и Next.js опережает Nuxt по размеру сообщества и доступности разработчиков на найме. Nuxt при этом активно растёт и для Vue-экосистемы это стандарт де-факто.",{"q":874,"a":875},"Можно ли мигрировать с Nuxt на Next.js или наоборот?","Технически можно, но это переписывание, а не миграция. Компоненты на Vue не совместимы с React, поэтому весь фронтенд-слой пишется заново. Бэкенд-логика, API-роуты, работа с базой данных переносятся проще: концепции схожи. Если проект уже запущен и работает, смена фреймворка почти никогда не оправдана экономически.",{"q":877,"a":878},"Что выбрать для стартапа: Nuxt или Next.js?","Для стартапа выбор зависит от команды. Если есть React-разработчики, Next.js логичнее: большой рынок найма, много готовых библиотек, стабильная экосистема. Если команда на Vue или разработчик один и ему удобнее Nuxt, берите Nuxt. Технически оба закроют задачи стартапа на несколько лет вперёд. Не тратьте недели на выбор фреймворка, это не самый важный стартап-вопрос.",{"q":880,"a":881},"Стоит ли переходить с Nuxt на Next.js ради работы?","Зависит от рынка. В международном найме Next.js даёт больше вариантов, React-вакансий объективно больше. Для российского рынка разрыв меньше: оба фреймворка есть в вакансиях. Если цель: карьера в международных продуктах, React и Next.js дают немного более широкие возможности. Если цель: проектная работа или собственные продукты, Nuxt ничем не хуже.",{"q":883,"a":884},"Какой фреймворк быстрее по производительности?","На практике разница минимальна. В синтетических бенчмарках на динамическом SSR разница измеряется считаными миллисекундами по TTFB. На статических страницах оба летают одинаково, и разница незаметна. Реальная производительность определяется архитектурой приложения и настройкой кеширования, а не выбором фреймворка.",{"q":886,"a":887},"Как разворачивать Nuxt и Next.js: в чём разница по хостингу?","Nuxt через Nitro поддерживает несколько пресетов без кода: Node-сервер, чистая статика, Cloudflare Workers, AWS Lambda. Любой VPS, любая платформа. Next.js максимально раскрывается на Vercel (ISR, Edge Functions, Analytics), но работает и на других хостингах в standalone-режиме. Для Nuxt привязки к платформе нет: это и плюс (свобода), и минус (настраивать самому).",{"q":889,"a":890},"Какие UI-библиотеки и инструменты есть для Nuxt и Next.js?","Для Next.js: shadcn/ui, MUI, Ant Design, Mantine, огромный выбор компонентов под React. Для Nuxt: Nuxt UI (официальная, под Tailwind), PrimeVue, Vuetify, Element Plus. Выбор для Vue меньше, но качество ведущих библиотек вполне достаточное. Для управления состоянием Nuxt использует Pinia, Next.js предлагает Redux, Zustand, Jotai (на выбор).",{"q":892,"a":893},"TypeScript в Nuxt и Next.js: где удобнее?","Оба поддерживают TypeScript из коробки. Nuxt генерирует типы для роутов, composables и auto-imports автоматически при запуске dev-сервера (.nuxt/types). Next.js типизирует App Router через TypeScript-плагин VSCode. На практике в Nuxt меньше ручных импортов и деклараций: auto-imports подхватываются автоматически, IDE не ругается. В Next.js чуть больше явных объявлений, но полный контроль.",false,{},"Nuxt или Next.js: разница по деплою, библиотекам, TypeScript и производительности. Честный разбор от fullstack-практика с опытом на обоих.","Nuxt или Next что выбрать: сравнение 2026",true,"/nuxt-ili-next-chto-vybrat",18,{"title":5,"description":12},"nuxt-ili-next-chto-vybrat","06E0Gt4V2luJ5obVqYzoRIoGXZdtzQyYwaLriOZGyNg",[905,910,915,921,926,931,936,940,941,945,949,953,957,961,965,969,973,978,984,988,993,999,1004,1009],{"slug":906,"title":907,"excerpt":859,"category":856,"cover":908,"date":858,"updated":858,"readingMinutes":909,"featured":894},"3d-konfigurator-tovara-dlya-sajta","3D-конфигуратор товара для сайта: как устроен, сколько стоит и когда окупается","/images/blog/3d-konfigurator-tovara-dlya-sajta.webp",17,{"slug":911,"title":912,"excerpt":859,"category":913,"cover":914,"date":858,"updated":858,"readingMinutes":900,"featured":894},"avtomatizaciya-tenderov-na-zakaz","Автоматизация тендеров: когда агрегатора мало и нужна своя система","backend","/images/blog/avtomatizaciya-tenderov-na-zakaz.webp",{"slug":916,"title":917,"excerpt":859,"category":918,"cover":919,"date":858,"updated":858,"readingMinutes":920,"featured":894},"chto-vhodit-v-tehnicheskoe-seo","Что входит в техническое SEO: разбор глазами разработчика","seo","/images/blog/chto-vhodit-v-tehnicheskoe-seo.webp",14,{"slug":922,"title":923,"excerpt":859,"category":856,"cover":924,"date":858,"updated":858,"readingMinutes":925,"featured":898},"fullstack-razrabotchik","Кто такой fullstack-разработчик и когда бизнесу выгоднее нанять одного, а не команду","/images/blog/fullstack-razrabotchik.webp",20,{"slug":927,"title":928,"excerpt":859,"category":856,"cover":929,"date":858,"updated":858,"readingMinutes":930,"featured":894},"headless-cms-dlya-nuxt","Headless CMS для Nuxt: @nuxt/content, Strapi или WordPress","/images/blog/headless-cms-dlya-nuxt.webp",15,{"slug":932,"title":933,"excerpt":859,"category":856,"cover":934,"date":858,"updated":858,"readingMinutes":935,"featured":894},"kak-nanyat-vue-nuxt-razrabotchika","Как нанять Vue/Nuxt-разработчика: гид практика на 2026 год","/images/blog/kak-nanyat-vue-nuxt-razrabotchika.webp",16,{"slug":937,"title":938,"excerpt":859,"category":918,"cover":939,"date":858,"updated":858,"readingMinutes":935,"featured":894},"kak-vybrat-podryadchika-dlya-razrabotki-sajta","Как выбрать подрядчика для разработки сайта: фрилансер, студия или solo-разработчик","/images/blog/kak-vybrat-podryadchika-dlya-razrabotki-sajta.webp",{"slug":902,"title":5,"excerpt":859,"category":856,"cover":857,"date":858,"updated":858,"readingMinutes":900,"featured":894},{"slug":942,"title":943,"excerpt":859,"category":913,"cover":944,"date":858,"updated":858,"readingMinutes":920,"featured":894},"programma-dlya-rascheta-tenderov","Программа для расчёта тендеров: как считать себестоимость заявки и когда нужна своя система","/images/blog/programma-dlya-rascheta-tenderov.webp",{"slug":946,"title":947,"excerpt":859,"category":913,"cover":948,"date":858,"updated":858,"readingMinutes":925,"featured":894},"razrabotka-crm-na-zakaz","Разработка CRM на заказ: когда своя система выгоднее коробочной","/images/blog/razrabotka-crm-na-zakaz.webp",{"slug":950,"title":951,"excerpt":859,"category":856,"cover":952,"date":858,"updated":858,"readingMinutes":935,"featured":894},"razrabotka-sajta-na-nuxt","Разработка сайта на Nuxt: когда фреймворк, а не Тильда","/images/blog/razrabotka-sajta-na-nuxt.webp",{"slug":954,"title":955,"excerpt":859,"category":913,"cover":956,"date":858,"updated":858,"readingMinutes":900,"featured":894},"razrabotka-veb-prilozheniya-na-zakaz","Разработка веб-приложения на заказ: этапы, стек, сроки и цена","/images/blog/razrabotka-veb-prilozheniya-na-zakaz.webp",{"slug":958,"title":959,"excerpt":859,"category":918,"cover":960,"date":858,"updated":858,"readingMinutes":900,"featured":894},"seo-dlya-nuxt","SEO для Nuxt: полный гайд по индексации и метатегам","/images/blog/seo-dlya-nuxt.webp",{"slug":962,"title":963,"excerpt":859,"category":918,"cover":964,"date":858,"updated":858,"readingMinutes":935,"featured":894},"skolko-stoit-korporativnyj-sajt","Сколько стоит корпоративный сайт в 2026 году","/images/blog/skolko-stoit-korporativnyj-sajt.webp",{"slug":966,"title":967,"excerpt":859,"category":918,"cover":968,"date":858,"updated":858,"readingMinutes":920,"featured":894},"skolko-stoit-lending","Сколько стоит разработка лендинга в 2026 году: честные цены","/images/blog/skolko-stoit-lending.webp",{"slug":970,"title":971,"excerpt":859,"category":913,"cover":972,"date":858,"updated":858,"readingMinutes":925,"featured":894},"skolko-stoit-razrabotat-saas","Разработка SaaS: сколько стоит и с чего начать фаундеру","/images/blog/skolko-stoit-razrabotat-saas.webp",{"slug":974,"title":975,"excerpt":859,"category":976,"cover":977,"date":858,"updated":858,"readingMinutes":930,"featured":894},"zakazat-razrabotku-internet-magazina","Заказать разработку интернет-магазина: что входит, как проходит работа и как принять результат","ecommerce","/images/blog/zakazat-razrabotku-internet-magazina.webp",{"slug":979,"title":980,"excerpt":859,"category":856,"cover":981,"date":982,"updated":982,"readingMinutes":983,"featured":894},"chto-takoe-veb-prilozhenie","Что такое веб-приложение: как устроено, виды и на чём делают","/images/blog/chto-takoe-veb-prilozhenie.webp","2026-07-04",26,{"slug":985,"title":986,"excerpt":859,"category":918,"cover":987,"date":982,"updated":982,"readingMinutes":930,"featured":894},"kak-proverit-skorost-sajta","Как проверить скорость сайта и как читать отчёт","/images/blog/kak-proverit-skorost-sajta.webp",{"slug":989,"title":990,"excerpt":859,"category":918,"cover":991,"date":982,"updated":982,"readingMinutes":992,"featured":894},"skolko-stoit-sdelat-sajt","Сколько стоит сделать сайт под ключ в 2026 году","/images/blog/skolko-stoit-sdelat-sajt.webp",22,{"slug":994,"title":995,"excerpt":859,"category":976,"cover":996,"date":997,"updated":997,"readingMinutes":998,"featured":894},"kak-sdelat-internet-magazin","Как сделать интернет-магазин с нуля: полный разбор от разработчика","/images/blog/kak-sdelat-internet-magazin.webp","2026-07-03",33,{"slug":1000,"title":1001,"excerpt":859,"category":918,"cover":1002,"date":997,"updated":997,"readingMinutes":1003,"featured":894},"kak-uskorit-sajt","Как ускорить сайт: от замера в DevTools до архитектуры","/images/blog/kak-uskorit-sajt.webp",34,{"slug":1005,"title":1006,"excerpt":859,"category":976,"cover":1007,"date":997,"updated":997,"readingMinutes":1008,"featured":894},"platforma-dlya-internet-magazina","На чём сделать интернет-магазин: конструктор, CMS или кастом","/images/blog/platforma-dlya-internet-magazina.webp",24,{"slug":1010,"title":1011,"excerpt":859,"category":976,"cover":1012,"date":997,"updated":997,"readingMinutes":1013,"featured":894},"skolko-stoit-internet-magazin","Сколько стоит интернет-магазин в 2026 году","/images/blog/skolko-stoit-internet-magazin.webp",12,1785483856888]