C
홈으로

Next.js

입문 ~ 고급

App Router · Server Component · Server Actions · Streaming · Optimistic UI · Middleware · SEO · Revalidation

15레슨·5챕터
0/15
0% 완료
기초렌더링라우팅APISEO
전체 레슨 + AI + 진도 저장 = 30초 가입
지금 첫 섹션은 가입 없이 미리보기 가능 · 광고 없음 · 100% 무료
30초 무료 가입 →
01_기초
3 lessons
App Router 기초 — Pages Router 와의 차이이어서
40분읽기
Client vs Server 경계
35분읽기
파일 컨벤션 — loading / error / not-found
30분읽기
02_렌더링
5 lessons
Server Component — DB 직접 접근, 0KB 번들
40분읽기
데이터 페칭 — fetch 캐시 정책 4가지
35분읽기
Server Actions — API 라우트 없이 mutation
40분읽기
Streaming + Suspense — 점진적 HTML 스트리밍
35분읽기
Optimistic UI — useActionState + useOptimistic
35분읽기
03_라우팅
3 lessons
동적 라우팅 — [slug] · [...slug] · generateStaticParams
35분읽기
Layout vs Template — 상태 유지 vs 매번 마운트
25분읽기
Middleware — 인증·리다이렉트·헤더
30분읽기
04_API
2 lessons
Route Handlers — app/api/.../route.ts
30분읽기
next/headers — cookies / headers / redirect
25분읽기
05_SEO
2 lessons
Metadata API — generateMetadata + OG/Twitter
30분읽기
Revalidation 전략 — revalidatePath / revalidateTag
30분읽기

Next.js 학습 FAQ

Next.js 무료로 배울 수 있나요?

네, 코드마스터의 Next.js 강의는 전부 무료입니다. 광고도 없습니다. 회원가입 후 전체 콘텐츠를 이용하실 수 있습니다.

Next.js 초보자도 따라갈 수 있나요?

네. 모든 레슨이 개념 설명 → 코드 예시 → 인터랙티브 데모 → 확인 퀴즈 순서로 구성되어 있어 사전 지식 없이도 따라올 수 있습니다.

Next.js 학습에 얼마나 걸리나요?

각 레슨은 평균 30~60분 분량입니다. 하루 1~2개 기준 약 1~2개월이면 카테고리 전체를 완주할 수 있습니다.

AI 모의면접도 Next.js 기반으로 가능한가요?

네. 코드마스터의 AI 모의면접(4턴)은 알고리즘·시스템 설계·CS 지식·벡터DB 4개 영역을 다루며, Next.js을(를) 포함한 실전 면접 질문에 대한 피드백을 제공합니다.

Next.js 무료 강의 — 15개 콘텐츠 | 코드마스터