Чому Next.js вважається fullstack-фреймворком?

Next.js вважають fullstack-фреймворком, тому що в одному проекті він об'єднує frontend + backend + серверний рендеринг, без потреби піднімати окремий сервер.

---

#Що робить Next.js fullstack

#1. Серверний код поруч з UI

У Next.js ти можеш писати код, який:

• виконується тільки на сервері
• має доступ до БД, секретів, файлової системи
• ніколи не потрапляє у браузер

Приклад:

• Server Components
• Server Actions

Це вже backend-логіка, а не просто фронт.

---

#2. API Routes (вбудований backend)

Next.js дозволяє створювати API-ендпоінти прямо в проекті:

• REST / RPC
• обробка форм
• auth
• webhooks
• інтеграції зі сторонніми сервісами

Без Express / Nest / Fastify.

---

#3. Робота з базою даних напряму

У серверній частині Next.js можна:

• підключатися до БД (PostgreSQL, MySQL тощо)
• виконувати ORM/SQL-запити
• валідувати дані

UI -> Server Action -> БД Без окремого backend-застосунку.

---

#4. Управління даними на сервері

Next.js бере на себе:

• SSR / SSG / ISR
• кешування даних
• revalidate
• streaming

Тобто сервер керує даними, а не браузер.

---

#5. Авторизація та безпека

У Next.js можна:

• читати cookies / headers
• перевіряти сесії
• приховувати бізнес-логіку
• працювати з токенами

Це типові задачі backend.

---

#6. Єдина архітектура проекту

В одному репозиторії:

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

Менше інфраструктури Менше синхронізації Швидша розробка

---

#Що важливо розуміти (часта пастка)

Next.js - не заміна складному backend.

• складні доменні сервіси
• heavy background jobs
• складні черги
• мікросервіси

Для цього краще:

• Next.js - frontend + BFF
• окремий backend (Nest.js, Spring тощо)

---

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

Next.js вважається fullstack-фреймворком, тому що дозволяє в одному проекті реалізувати UI, серверний рендеринг, API та роботу з базою даних, без окремого backend-застосунку.