React / Next.js

Middleware та Auth у Next.js

Middleware, NextAuth.js, JWT, керування сесіями, захищені маршрути, RBAC

22 питань зі співбесід·
Mid-Level
1

Що таке middleware у Next.js?

Відповідь

Middleware у Next.js — це код, який виконується перед обробкою запиту, дозволяючи змінювати відповідь, перенаправляти, додавати headers або блокувати доступ. Він працює на Edge Runtime для оптимальної продуктивності. Зазвичай використовується для автентифікації, геолокації або логування.

2

Де розмістити файл middleware у проєкті Next.js з App Router?

Відповідь

Файл middleware.ts (або .js) має бути розміщений у кореневому каталозі проєкту, на тому ж рівні, що й папка app. Next.js автоматично виявляє цей файл і виконує його для всіх маршрутів. Альтернативно, його можна розмістити в папці src, якщо проєкт використовує таку структуру.

3

Як визначити маршрути, на яких виконується middleware?

Відповідь

Використання конфігурації matcher у middleware дозволяє вказувати цільові маршрути через шаблони шляхів. За замовчуванням middleware виконується на всіх маршрутах, крім статичних файлів. Matcher підтримує wildcards та regex для точного контролю цільових маршрутів.

4

Яка головна перевага використання NextAuth.js для автентифікації?

5

Як захистити маршрут за допомогою middleware Next.js?

+19 питань зі співбесід

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

Основи JavaScript

Junior
25 запитань

Основи React

Junior
20 запитань

React Hooks

Junior
22 запитань

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

Junior
18 запитань

React Router

Junior
20 запитань

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

Junior
18 запитань

Форми та Controlled Components

Mid-Level
20 запитань

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

Mid-Level
20 запитань

React Query (TanStack Query)

Mid-Level
20 запитань

Styling & CSS-in-JS

Mid-Level
18 запитань

Основи Next.js

Mid-Level
25 запитань

TypeScript з React

Mid-Level
20 запитань

Data Fetching у Next.js

Mid-Level
24 запитань

Server Actions у Next.js

Mid-Level
20 запитань

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

Mid-Level
22 запитань

API Routes у Next.js

Mid-Level
20 запитань

Metadata & SEO у Next.js

Mid-Level
18 запитань

Тестування React

Mid-Level
20 запитань

Zustand State Management

Mid-Level
18 запитань

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

Senior
22 запитань

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

Senior
18 запитань

Advanced React Patterns

Senior
20 запитань

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

Senior
24 запитань

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

Senior
20 запитань

Architecture & Design Patterns

Senior
22 запитань

React Server Components

Senior
26 запитань

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

Senior
20 запитань

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

Senior
22 запитань

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

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно