Middleware āđāļĨāļ° Auth āđāļ Next.js
Middleware, NextAuth.js, JWT, āļāļēāļĢāļāļąāļāļāļēāļĢ session, āđāļŠāđāļāļāļēāļāļāļĩāđāđāļāđāļĢāļąāļāļāļēāļĢāļāđāļāļāļāļąāļ, RBAC
1Middleware āđāļ Next.js āļāļ·āļāļāļ°āđāļĢ?
Middleware āđāļ Next.js āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
Middleware āđāļ Next.js āļāļ·āļāđāļāđāļāļāļĩāđāļāļģāļāļēāļāļāđāļāļāļāļĩāđāļāļģāļĢāđāļāļāļāļ°āļāļđāļāļāļĢāļ°āļĄāļ§āļĨāļāļĨ āļāđāļ§āļĒāđāļŦāđāļāļļāļāļŠāļēāļĄāļēāļĢāļāđāļāđāđāļāļāļēāļĢāļāļāļāļāļĨāļąāļ āđāļāļĨāļĩāđāļĒāļāđāļŠāđāļāļāļēāļ āđāļāļīāđāļĄ headers āļŦāļĢāļ·āļāļāļĨāđāļāļāļāļēāļĢāđāļāđāļēāļāļķāļāđāļāđ āđāļāļĒāļāļģāļāļēāļāļāļ Edge Runtime āđāļāļ·āđāļāļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļāļŠāļđāļāļŠāļļāļ āļĄāļąāļāđāļāđāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļĒāļ·āļāļĒāļąāļāļāļąāļ§āļāļ āļāļēāļĢāļĢāļ°āļāļļāļāļģāđāļŦāļāđāļāļāļēāļāļ āļđāļĄāļīāļĻāļēāļŠāļāļĢāđ āļŦāļĢāļ·āļ logging
2āļāļ§āļĢāļ§āļēāļāđāļāļĨāđ middleware āđāļ§āđāļāļĩāđāđāļŦāļāđāļāđāļāļĢāđāļāļāļāđ Next.js āļāļĩāđāđāļāđ App Router?
āļāļ§āļĢāļ§āļēāļāđāļāļĨāđ middleware āđāļ§āđāļāļĩāđāđāļŦāļāđāļāđāļāļĢāđāļāļāļāđ Next.js āļāļĩāđāđāļāđ App Router?
āļāļģāļāļāļ
āđāļāļĨāđ middleware.ts (āļŦāļĢāļ·āļ .js) āļāđāļāļāļ§āļēāļāđāļ§āđāļāļĩāđ root āļāļāļāđāļāļĢāđāļāļāļāđ āđāļāļĢāļ°āļāļąāļāđāļāļĩāļĒāļ§āļāļąāļāđāļāļĨāđāļāļāļĢāđ app āđāļāļĒ Next.js āļāļ°āļāļĢāļ§āļāļāļąāļāđāļāļĨāđāļāļĩāđāđāļāļĒāļāļąāļāđāļāļĄāļąāļāļīāđāļĨāļ°āļĢāļąāļāļŠāļģāļŦāļĢāļąāļāļāļļāļāđāļŠāđāļāļāļēāļ āļŦāļĢāļ·āļāļāļēāļāļ§āļēāļāđāļ§āđāđāļāđāļāļĨāđāļāļāļĢāđ src āđāļāđāļŦāļēāļāđāļāļĢāđāļāļāļāđāđāļāđāđāļāļĢāļāļŠāļĢāđāļēāļāļāļĩāđ
3āļāļ°āļāļģāļŦāļāļāđāļŠāđāļāļāļēāļāļāļĩāđ middleware āļāļģāļāļēāļāđāļāđāļāļĒāđāļēāļāđāļĢ?
āļāļ°āļāļģāļŦāļāļāđāļŠāđāļāļāļēāļāļāļĩāđ middleware āļāļģāļāļēāļāđāļāđāļāļĒāđāļēāļāđāļĢ?
āļāļģāļāļāļ
āļāļēāļĢāđāļāđāļāļēāļĢāļāļģāļŦāļāļāļāđāļē matcher āđāļ middleware āļāđāļ§āļĒāđāļŦāđāļĢāļ°āļāļļāđāļŠāđāļāļāļēāļāļāļĩāđāđāļāļĩāđāļĒāļ§āļāđāļāļāļāđāļēāļāļĢāļđāļāđāļāļ path āđāļāđ āđāļāļĒāļāđāļēāđāļĢāļīāđāļĄāļāđāļ middleware āļāļ°āļāļģāļāļēāļāļāļāļāļļāļāđāļŠāđāļāļāļēāļāļĒāļāđāļ§āđāļāđāļāļĨāđ static āđāļāļĒ matcher āļĢāļāļāļĢāļąāļ wildcards āđāļĨāļ° regex āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļ§āļāļāļļāļĄāđāļŠāđāļāļāļēāļāđāļāđāļēāļŦāļĄāļēāļĒāļāļĒāđāļēāļāđāļĄāđāļāļĒāļģ
āļāđāļāđāļāđāđāļāļĢāļĩāļĒāļāļŦāļĨāļąāļāļāļāļāļāļēāļĢāđāļāđ NextAuth.js āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļĒāļ·āļāļĒāļąāļāļāļąāļ§āļāļāļāļ·āļāļāļ°āđāļĢ?
āļāļ°āļāđāļāļāļāļąāļāđāļŠāđāļāļāļēāļāļāđāļ§āļĒ middleware āļāļāļ Next.js āđāļāđāļāļĒāđāļēāļāđāļĢ?
+19 āļāļģāļāļēāļĄāļŠāļąāļĄāļ āļēāļĐāļāđ
āļŦāļąāļ§āļāđāļāļŠāļąāļĄāļ āļēāļĐāļāđ React / Next.js āļāļ·āđāļāđ
āļāļ·āđāļāļāļēāļ JavaScript
āļāļ·āđāļāļāļēāļ React
React Hooks
āļ§āļāļāļĢāļāļĩāļ§āļīāļāļāļāļ component
React Router
āļāļēāļĢāļāļąāļāļāļēāļĢ state āļāđāļ§āļĒ Context
āļāļāļĢāđāļĄāđāļĨāļ° Controlled Components
āļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨāđāļĨāļ° API
React Query (TanStack Query)
Styling & CSS-in-JS
āļāļ·āđāļāļāļēāļ Next.js
TypeScript āļāļąāļ React
āļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨ Next.js
Server Actions āļāļāļ Next.js
āļāļēāļĢāļāļģāļŦāļāļāđāļŠāđāļāļāļēāļāđāļĨāļ°āļāļēāļĢāļāļģāļāļēāļāđāļ Next.js
API Routes āđāļ Next.js
Metadata & SEO āđāļ Next.js
āļāļēāļĢāļāļāļŠāļāļ React
Zustand State Management
āļāļēāļĢāđāļāļīāđāļĄāļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļ React
Error Boundaries & āļāļēāļĢāļāļąāļāļāļēāļĢāļāđāļāļāļīāļāļāļĨāļēāļ
Advanced React Patterns
āļāļĩāđāļāļāļĢāđāļāļąāđāļāļŠāļđāļāļāļāļ Next.js
āļāļēāļĢ Deploy & Production āļāļāļ Next.js
Architecture & Design Patterns
React Server Components
āļāļēāļĢāđāļāļĨāļ āļēāļĐāļē Next.js
React āļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒ & āđāļāļ§āļāļāļīāļāļąāļāļīāļāļĩāđāļāļĩāļāļĩāđāļŠāļļāļ
āđāļāļĩāđāļĒāļ§āļāļēāļ React / Next.js āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļāđāļāļĢāļąāđāļāļāļąāļāđāļ
āđāļāđāļēāļāļķāļāļāļģāļāļēāļĄāļāļąāđāļāļŦāļĄāļ flashcards āđāļāļāļāļāļŠāļāļāđāļāļāļāļīāļ āđāļāļāļāļķāļāļŦāļąāļ code review āđāļĨāļ°āļāļąāļ§āļāļģāļĨāļāļāļŠāļąāļĄāļ āļēāļĐāļāđ
āđāļĢāļīāđāļĄāđāļāđāļāļĢāļĩ