React / Next.js

Middleware i Auth w Next.js

Middleware, NextAuth.js, JWT, zarządzanie sesjami, chronione trasy, RBAC

22 pytań z rozmów·
Mid-Level
1

Czym jest middleware w Next.js?

Odpowiedź

Middleware w Next.js to kod wykonywany przed przetworzeniem żądania, umożliwiający modyfikację odpowiedzi, przekierowanie, dodanie headers lub zablokowanie dostępu. Działa na Edge Runtime w celu uzyskania optymalnej wydajności. Zwykle używany do uwierzytelniania, geolokalizacji lub logowania.

2

Gdzie umieścić plik middleware w projekcie Next.js z App Router?

Odpowiedź

Plik middleware.ts (lub .js) musi być umieszczony w katalogu głównym projektu, na tym samym poziomie co folder app. Next.js automatycznie wykrywa ten plik i wykonuje go dla wszystkich tras. Alternatywnie, można go umieścić w folderze src, jeśli projekt używa tej struktury.

3

Jak zdefiniować trasy, na których middleware jest wykonywany?

Odpowiedź

Użycie konfiguracji matcher w middleware pozwala na określenie docelowych tras za pomocą wzorców ścieżek. Domyślnie middleware wykonuje się na wszystkich trasach z wyjątkiem plików statycznych. Matcher obsługuje wildcards i regex do precyzyjnej kontroli docelowych tras.

4

Jaka jest główna zaleta używania NextAuth.js do uwierzytelniania?

5

Jak chronić trasę za pomocą middleware Next.js?

+19 pytań z rozmów

Inne tematy rekrutacyjne React / Next.js

Podstawy JavaScript

Junior
25 pytań

Podstawy React

Junior
20 pytań

React Hooks

Junior
22 pytań

Cykl życia komponentu

Junior
18 pytań

React Router

Junior
20 pytań

Zarządzanie stanem z Context

Junior
18 pytań

Formularze i Controlled Components

Mid-Level
20 pytań

Pobieranie danych i API

Mid-Level
20 pytań

React Query (TanStack Query)

Mid-Level
20 pytań

Styling & CSS-in-JS

Mid-Level
18 pytań

Podstawy Next.js

Mid-Level
25 pytań

TypeScript z React

Mid-Level
20 pytań

Pobieranie danych w Next.js

Mid-Level
24 pytań

Server Actions w Next.js

Mid-Level
20 pytań

Routing i Nawigacja w Next.js

Mid-Level
22 pytań

API Routes w Next.js

Mid-Level
20 pytań

Metadata & SEO w Next.js

Mid-Level
18 pytań

Testowanie React

Mid-Level
20 pytań

Zustand State Management

Mid-Level
18 pytań

Optymalizacja wydajności React

Senior
22 pytań

Error Boundaries & Error Handling

Senior
18 pytań

Advanced React Patterns

Senior
20 pytań

Zaawansowane funkcje Next.js

Senior
24 pytań

Wdrożenie i Produkcja Next.js

Senior
20 pytań

Architecture & Design Patterns

Senior
22 pytań

React Server Components

Senior
26 pytań

Internacjonalizacja Next.js

Senior
20 pytań

React Bezpieczeństwo & Najlepsze Praktyki

Senior
22 pytań

Opanuj React / Next.js na następną rozmowę

Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.

Zacznij za darmo