Question 1

Що таке Server Action у Next.js?

Accepted Answer

Server Action — це асинхронна функція, яка виконується лише на сервері і може викликатися безпосередньо з компонентів Client або Server. Вона обробляє мутації даних (POST, PUT, DELETE) без створення явного API route. Server Actions спрощують код, уникаючи дублювання API route + виклику fetch на стороні клієнта.

Question 2

Як оголосити Server Action в окремому файлі?

Accepted Answer

Щоб створити Server Action в окремому файлі, додайте директиву 'use server' на початку файлу та експортуйте async-функції. Цей підхід рекомендований для повторного використання та розділення відповідальності. Функції потім можна імпортувати в будь-який компонент Client або Server.

Question 3

У чому різниця між Server Action та API route?

Accepted Answer

Server Actions можна викликати безпосередньо з компонентів без створення явного REST-ендпоінту, тоді як API routes потребують HTTP-виклику (fetch). Server Actions спрощують код, уникаючи дублювання route + виклику клієнта. Вони оптимальні для простих мутацій, але API routes залишаються корисними для публічних ендпоінтів або вебхуків.

Server Actions у Next.js

Що таке Server Action у Next.js?

Відповідь

Як оголосити Server Action в окремому файлі?

Відповідь

У чому різниця між Server Action та API route?

Відповідь

Як використовувати Server Action у HTML-формі?

Який тип даних Server Action отримує з форми?

Інші теми співбесід React / Next.js

Основи JavaScript

Основи React

React Hooks

Життєвий цикл компонента

React Router

Управління станом з Context

Форми та Controlled Components

Отримання даних та API

React Query (TanStack Query)

Styling & CSS-in-JS

Основи Next.js

TypeScript з React

Data Fetching у Next.js

Маршрутизація та Навігація в Next.js

API Routes у Next.js

Metadata & SEO у Next.js

Middleware та Auth у Next.js

Тестування React

Zustand State Management

Оптимізація продуктивності React

Error Boundaries & обробка помилок

Advanced React Patterns

Розширені можливості Next.js

Розгортання та Продакшн Next.js

Architecture & Design Patterns

React Server Components

Інтернаціоналізація Next.js

React Безпека & Найкращі Практики

Опануй React / Next.js для наступної співбесіди