API Routes āđāļ Next.js
Route Handlers, āļāļģāļāļ GET/POST, middleware, CORS, āļāļēāļĢāļĒāļ·āļāļĒāļąāļāļāļąāļ§āļāļ, āļāļēāļĢāļāļąāļāļāļēāļĢāļāđāļāļāļīāļāļāļĨāļēāļ
1Route Handler āđāļ Next.js 13+ āļāļĩāđāđāļāđ App Router āļāļ·āļāļāļ°āđāļĢ?
Route Handler āđāļ Next.js 13+ āļāļĩāđāđāļāđ App Router āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
Route Handler āļāļ·āļāļāļąāļāļāđāļāļąāļāļāļąāđāļāđāļāļīāļĢāđāļāđāļ§āļāļĢāđāđāļāđāļāļĨāđ route.ts (āļŦāļĢāļ·āļ route.js) āļāļĩāđāļāđāļ§āļĒāđāļŦāđāļŠāļĢāđāļēāļ API endpoint āđāļāļāļāļģāļŦāļāļāđāļāļāđāļāđ āļāđāļēāļāļāļēāļ API Routes āļāļāļ Pages Router (āđāļāļĨāđāļāļāļĢāđ pages/api) āļāļĢāļāļāļĩāđ Route Handlers āļāļĒāļđāđāđāļāđāļāļĨāđāļāļāļĢāđ app/ āđāļĨāļ°āļĢāļāļāļĢāļąāļ Web Standard Request/Response āđāļāļĒāļāļąāļāļāļēāļĢāļāļģāļāļ HTTP (GET, POST, PUT, DELETE āļŊāļĨāļŊ) āđāļāļāļąāđāļāđāļāļīāļĢāđāļāđāļ§āļāļĢāđ
2āļāļ°āļŠāļĢāđāļēāļ Route Handler āđāļāļ·āđāļāļāļąāļāļāļēāļĢāļāļģāļāļ GET āđāļāđāļāļĒāđāļēāļāđāļĢ?
āļāļ°āļŠāļĢāđāļēāļ Route Handler āđāļāļ·āđāļāļāļąāļāļāļēāļĢāļāļģāļāļ GET āđāļāđāļāļĒāđāļēāļāđāļĢ?
āļāļģāļāļāļ
āđāļāļāļēāļĢāļāļąāļāļāļēāļĢāļāļģāļāļ GET āđāļŦāđ export āļāļąāļāļāđāļāļąāļ async āļāļ·āđāļ GET āđāļāđāļāļĨāđ route.ts āļāļąāļāļāđāļāļąāļāļāļĩāđāļĢāļąāļāļāđāļāļāđāļāļāļāđ Request āđāļĨāļ°āļŠāđāļāļāļ·āļ Response āđāļāļĒāđāļāđ NextResponse.json() āđāļāļĒ Next.js āļāļ°āđāļĄāļāļāļąāļāļāđāļāļąāļ GET āļāļĩāđ export āđāļ§āđāļāļąāļāļāļģāļāļ HTTP GET āļāļ route āļāļąāđāļāđāļāļĒāļāļąāļāđāļāļĄāļąāļāļī āđāļĄāļāļāļ HTTP āļāļ·āđāļāđ (POST, PUT, DELETE, PATCH) āļāđāđāļāđāļĢāļđāļāđāļāļāđāļāļĩāļĒāļ§āļāļąāļāļāđāļ§āļĒāļāļ·āđāļāļāļāļāđāļāđāļĨāļ°āđāļĄāļāļāļ
3NextResponse āļāļąāļ Response āļĄāļēāļāļĢāļāļēāļāļāđāļēāļāļāļąāļāļāļĒāđāļēāļāđāļĢ?
NextResponse āļāļąāļ Response āļĄāļēāļāļĢāļāļēāļāļāđāļēāļāļāļąāļāļāļĒāđāļēāļāđāļĢ?
āļāļģāļāļāļ
NextResponse āļāļĒāļēāļĒāļāļĨāļēāļŠ Response āļĄāļēāļāļĢāļāļēāļāļāļāļ Web āļāđāļ§āļĒāļāļĩāđāļāļāļĢāđāđāļāļāļēāļ°āļāļāļ Next.js āđāļāļĒāļĄāļĩāđāļĄāļāļāļāļāļĩāđāļŠāļ°āļāļ§āļ āđāļāđāļ NextResponse.json() āļŠāļģāļŦāļĢāļąāļ serialization āļāļąāļāđāļāļĄāļąāļāļī, NextResponse.redirect() āļŠāļģāļŦāļĢāļąāļāļāļēāļĢ redirect āđāļĨāļ°āļāļģāđāļŦāđāļāļēāļĢāļāļąāļāļāļēāļĢ cookie āđāļĨāļ° header āļāđāļēāļĒāļāļķāđāļ āđāļĄāđāļ§āđāļē Response āļĄāļēāļāļĢāļāļēāļāļāļ°āđāļāđāļāļēāļāđāļāđ āđāļāđāđāļāļ°āļāļģāđāļŦāđāđāļāđ NextResponse āđāļāļĢāļēāļ°āļāđāļ§āļĒāđāļŦāđāđāļāđāļāļāđāļēāļĒāļāļķāđāļāđāļĨāļ°āļāļģāļāļēāļāļĢāđāļ§āļĄāļāļąāļāļĢāļ°āļāļāļāļīāđāļ§āļĻāļāļāļ Next.js āđāļāđāļāļĩāļāļ§āđāļē
āļāļ°āļāļķāļāļāļēāļĢāļēāļĄāļīāđāļāļāļĢāđāļāļēāļĢāļāđāļāļŦāļē (query params) āđāļ Route Handler āđāļāđāļāļĒāđāļēāļāđāļĢ?
āļāļ°āļāļąāļāļāļēāļĢāļāļģāļāļ POST āđāļĨāļ°āļāļķāļ JSON body āđāļāđāļāļĒāđāļēāļāđāļĢ?
+17 āļāļģāļāļēāļĄāļŠāļąāļĄāļ āļēāļĐāļāđ
āļŦāļąāļ§āļāđāļāļŠāļąāļĄāļ āļēāļĐāļāđ 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
Metadata & SEO āđāļ Next.js
Middleware āđāļĨāļ° Auth āđāļ 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 āđāļĨāļ°āļāļąāļ§āļāļģāļĨāļāļāļŠāļąāļĄāļ āļēāļĐāļāđ
āđāļĢāļīāđāļĄāđāļāđāļāļĢāļĩ