Skip to main content

Чи можна використовувати Next.js тільки як frontend?

Next.js можна і часто використовують тільки як frontend - із зовнішнім backend (REST / GraphQL / gRPC). Наявність fullstack-можливостей не зобов'язує ними користуватися.


Як Next.js працює як чистий frontend

У цьому сценарії Next.js виступає як:

  • UI-шар (React)
  • роутинг
  • SEO-рендеринг
  • оптимізація продуктивності

А вся бізнес-логіка і дані живуть у зовнішньому backend:

  • NestJS
  • Spring
  • Laravel
  • будь-який API

Типова схема

txt
Браузер Next.js (SSR / SSG / CSR) External API (REST / GraphQL)

Як саме використовувати Next.js тільки як frontend

1. Запити до зовнішнього API

  • fetch() до стороннього backend
  • дані приходять вже готовими

2. SSR / SSG без власної логіки

  • сервер рендерить сторінку
  • але дані бере із зовнішнього API

3. Client Components для інтерактиву

  • форми
  • кнопки
  • стани
  • валідація на клієнті

Коли це відмінний вибір

є готовий backend мікросервісна архітектура чітка межа відповідальності складна доменна логіка високе навантаження

Next.js = BFF / UI layer


Коли так робити не варто

простий сайт або MVP невеликий застосунок немає окремої backend-команди

Тут fullstack-можливості Next.js пришвидшать розробку.


Важливий момент

Навіть у режимі «тільки frontend» ти все одно отримуєш:

  • SSR / SSG / ISR
  • SEO
  • маршрутизацію
  • оптимізацію зображень
  • code splitting

Тобто більше, ніж у звичайного React SPA.


Коротка відповідь для співбесіди

Так, Next.js можна використовувати тільки як frontend. У цьому випадку він виступає як UI-шар із SSR/SSG та SEO, а вся бізнес-логіка і дані обробляються у зовнішньому backend.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.