Middleware & Auth di Next.js
Middleware, NextAuth.js, JWT, manajemen sesi, rute terlindungi, RBAC
1Apa itu middleware di Next.js?
Apa itu middleware di Next.js?
Jawaban
Middleware Next.js adalah kode yang dijalankan sebelum permintaan diproses, memungkinkan Anda memodifikasi respons, melakukan redirect, menambahkan headers, atau memblokir akses. Middleware berjalan di Edge Runtime untuk performa optimal. Biasanya digunakan untuk autentikasi, geolokasi, atau logging.
2Di mana menempatkan file middleware di proyek Next.js dengan App Router?
Di mana menempatkan file middleware di proyek Next.js dengan App Router?
Jawaban
File middleware.ts (atau .js) harus ditempatkan di root proyek, pada level yang sama dengan folder app. Next.js secara otomatis mendeteksi file ini dan menjalankannya untuk semua rute. Sebagai alternatif, file ini dapat ditempatkan di folder src jika proyek menggunakan struktur tersebut.
3Bagaimana cara menentukan rute yang dijalankan oleh middleware?
Bagaimana cara menentukan rute yang dijalankan oleh middleware?
Jawaban
Menggunakan konfigurasi matcher di middleware memungkinkan Anda menentukan rute yang ditargetkan melalui pola path. Secara default, middleware dijalankan pada semua rute kecuali file statis. Matcher mendukung wildcards dan regex untuk kontrol presisi terhadap rute yang ditargetkan.
Apa keuntungan utama menggunakan NextAuth.js untuk autentikasi?
Bagaimana cara melindungi rute dengan middleware Next.js?
+19 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
Siklus hidup komponen
React Router
Manajemen state dengan Context
Form & Controlled Components
Pengambilan Data & API
React Query (TanStack Query)
Styling & CSS-in-JS
Dasar-dasar Next.js
TypeScript dengan React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigasi Next.js
API Routes Next.js
Metadata & SEO di Next.js
Pengujian React
Zustand State Management
Optimasi Performa React
Error Boundaries & Error Handling
Advanced React Patterns
Fitur Lanjutan Next.js
Deployment & Produksi Next.js
Architecture & Design Patterns
React Server Components
Internasionalisasi Next.js
Keamanan React & Praktik Terbaik
Kuasai React / Next.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis