Що таке 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 і програмних landing. На практиці: після переходу на 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 місяці → конструктор
- Бюджет до $1,000 і шаблон влаштовує → конструктор