Next.js

Next.js Middleware — 요청 가로채 리디렉트·인증 가드·헤더 조작. matcher·Edge Runtime. 교재 13편.

Next.js Route Handlers — app/api 의 route.ts 로 GET·POST·동적·캐시 엔드포인트. 교재 14편.

next/image 자동 WebP·AVIF·lazy·sizes, next/font 셀프 호스팅. CLS 0 라이트하우스 상승. 교재 15편.

Next.js 3가지 렌더링 — SSG·ISR·SSR 타이밍 차이와 콘텐츠별 선택. App Router 15. 교재 16편.

Next.js 캐싱 4층 — Memoization·Data·Full Route·Router. 각 층 동작과 폐기 4종. 교재 17편.

Next.js 환경변수 — .env.local·NEXT_PUBLIC 규칙·서버 vs 클라이언트·Vercel 환경별. 교재 18편.

Next.js 인증 — Auth.js v5 세팅·OAuth·세션·middleware 가드. 직접 만들지 말 것. 교재 19편.

Vercel 로 Next.js 배포 — GitHub 연동·도메인·환경변수·Preview·롤백. 5분 라이브. 교재 20편.

Next.js 트래픽·SEO — Vercel Analytics·sitemap·robots·Search Console·JSON-LD. 교재 21편.

Next.js 테스트 3층 — Vitest 유닛·RTL 컴포넌트·Playwright E2E. 첫 세팅과 패턴. 교재 22편.

Next.js Pages → App Router — 공존 모드·점진 이전·data fetching·useRouter 변환. 교재 23편.

Next.js + TypeScript 풀스택 타입 안전 — tsconfig·Server/Client 타입·Zod 검증·tRPC 타입 공유. 교재 24편.