Next.js App Router한국어 번역 학습 문서 & 실습 예제
Next.js 공식 문서를 한국어로 번역한 학습 문서를 읽고, 241개 실습 예제에서 핵심 기능의 동작을 직접 확인해 보세요.
284개
App Router 관련 문서 284개
241개
Next.js 기능을 실행하며 확인
48개
알파벳 색인 & 상세 해설
진도율 관리
실시간 진도율 & 체크리스트
Curriculum Bookshelf
Step별 공식 번역 문서 & 실습 예제
시작하기Getting Started
Next.js 설치, 기본 프로젝트 구조, 라우팅 및 데이터 페칭 기초를 다룹니다.
가이드Guides
렌더링, Server Actions, 캐싱, 폼 처리, 인증·보안 등 주제별 학습 가이드입니다.
API 레퍼런스API Reference
컴포넌트, 내장 함수, 지시어, next.config.js 등 공식 API 명세입니다.
용어집Glossary
Next.js 공식 문서에서 사용하는 48개 핵심 기술 용어를 정리합니다.
아키텍처Architecture
Turbopack 번들러, SWC 컴파일러, Fast Refresh 등 내부 동작 원리를 다룹니다.
Interactive Labs
주요 실습 예제
REST API Route Handler CRUD
Route Handlers REST API CRUD
Next.js 16의 GET, POST, PATCH, DELETE 메서드로 REST API 엔드포인트를 구현합니다.
use cache 컴포넌트 캐싱
Cache Components & revalidateTag
Next.js 16의 'use cache'로 컴포넌트 출력과 비동기 함수 결과를 각각 캐시합니다.
중첩 레이아웃 & 부분 렌더링
Partial Rendering & Nested Layouts
쇼핑몰의 상단 메뉴와 사이드바를 유지하면서 본문만 다시 렌더링하는 흐름을 확인합니다.
React 19 낙관적 장바구니 UI
useOptimistic Real-world Pattern
서버 응답을 기다리는 동안 장바구니 UI를 먼저 바꾸고, 실패하면 이전 상태로 되돌립니다.
React 19 use(Promise) 스트리밍
use(Promise) & Suspense Streaming
React 19의 use()와 Suspense로 늦게 도착하는 구매 후기를 스트리밍합니다.
나의 Next.js 학습 대시보드
문서를 읽고 예제를 실습한 뒤 완료 상태를 기록하세요.