Что такое Next.js?
Next.js — это React-фреймворк от Vercel. Он рендерит страницы на сервере, обновляет их по расписанию и отдаёт большую часть сайта как статику из edge-сети рядом с посетителем. На нём работают Nike, TikTok, Notion. Сам по себе это не CMS, а слой рендеринга. Мы соединяем его с Sanity, который отвечает за контент: редактор получает удобную панель, а сайт сохраняет скорость.
Сравнение скорости: реальные цифры
В колонке Next.js — наши проекты; WordPress и конструктор показывают типичные рыночные диапазоны.
| Метрика | Next.js (наши) | WordPress | Конструктор (Tilda/Wix) |
|---|---|---|---|
| Lighthouse | 95–98 | 35–55 | 50–70 |
| LCP | 0.6–1.2с | 3–6с | 2–4с |
| INP | < 100мс | 200–400мс | 150–300мс |
| CLS | < 0.01 | 0.05–0.2 | 0.05–0.15 |
| Плагины/зависимости | 0 | 15–40 | платформенные, без контроля |
Наш проект«Эфедра»держит LCP 0.8с и Lighthouse 98 — не благодаря кэш-плагину, а потому что страница не грузит лишнего.
SEO: какой стек помогает ранжироваться
Server-side рендеринг даёт тихое преимущество. С Next.js Googlebot получает полный HTML сразу, без ожидания JS. Schema лежит в шаблонах, без плагина. WordPress может ранжироваться (Yoast, RankMath помогают), но добавляет вес, а архивы категорий и тегов плодят дубликаты, если их не чистить. Конструктор даёт лишь базовый контроль над SEO, без SSR и программных лендингов. На практике: после перехода на Next.js «Эфедра» вышла в топ-3 Google по основному запросу за 3 месяца.
Разработка и стоимость
Для технического читателя компромиссы конкретны. Разработчик Next.js стоит за час дороже WP-разработчика, а конструктор «разработчика» почти не требует, пока вам не нужно выйти за пределы шаблона — и тогда вы упираетесь в потолок платформы. Кодовая база Next.js чище при передаче: любой React-разработчик подхватит проект, потому что нет клубка плагинов, который ломается после обновления.
| Фактор | Next.js | WordPress | Конструктор |
|---|---|---|---|
| Язык | TypeScript / React | PHP + JS | нет (визуальный редактор) |
| Обновления | npm, предсказуемо | конфликты плагинов | платформа сама |
| Хостинг | Vercel, edge, авто-скейл | управляемый WP-хостинг | в подписке |
| Собственность кода | репозиторий ваш | ваш, но WP-экосистема | кода нет |
| Потолок возможностей | высокий | средний | низкий |
Редактирование контента: здесь выигрывает WordPress
Честный контраргумент. Если главная работа сайта — это публикация (новостной сайт, блог на большом объёме, команда нетехнических редакторов каждый день), панель WordPress трудно превзойти. Sanity хорош, и большинство клиентов редактируют в нём без проблем, но это другая парадигма. Нужно 10+ статей в неделю от людей, не касающихся кода, — тогда WordPress имеет смысл.
Когда выбрать Next.js
- Скорость в приоритете: Core Web Vitals влияют на ранжирование, локальный SEO любит скорость
- Нужны интеграции: бронирование, CRM, оплата, несколько языков
- Сайт на 5–25 страниц без ежедневной многоавторской публикации
- Вы хотите фиксированную цену и полное владение кодом
- Вы строите SaaS или продуктовый сайт, который будет масштабироваться
Когда остаться на WordPress или конструкторе
- Вы публикуете 20+ статей в месяц нетехнической редакцией → WordPress
- WooCommerce на 200+ товаров со сложной логистикой → WordPress
- Тест гипотезы или промо на 1–3 месяца → конструктор
- Бюджет до $800 и шаблон устраивает → конструктор
