나 혼자 공부하는 Next.js

나 혼자 Next.js 학습 지도

Next.js의 App Router를 중심으로 화면 구조, 서버/클라이언트 경계, 데이터 페칭, 배포까지 정리합니다. Next.js를 독학으로 익히려는 학습자를 위한 실전형 가이드입니다. 기초부터 고급 주제까지 단계적으로 학습합니다.

1-7장 앱 구조 세우기

Next.js 소개 → 서버, 클라이언트 컴포넌트

개발 환경, 라우팅, 페이지, 레이아웃을 통해 프로젝트의 뼈대를 만듭니다.

8-13장 데이터와 상태

상태 관리 및 폼 처리 → SEO 및 메타데이터

서버 컴포넌트, 클라이언트 컴포넌트, 폼, API를 책임 단위로 분리합니다.

14-19장 출시 품질

테스팅 → Next.js 생태계

성능, SEO, 테스트, 배포, 디버깅, 생태계를 제품 기준으로 점검합니다.

장 흐름

Next.js 소개에서 Next.js 생태계까지
01 Next.js 소개
02 개발 환경 설정
03 App Router 기초
04 라우팅 심화
05 페이지 및 레이아웃 컴포넌트
06 데이터 페칭
07 서버, 클라이언트 컴포넌트
08 상태 관리 및 폼 처리
09 스타일링과 CSS
10 인증 및 권한 관리
11 API 라우트
12 성능 최적화
13 SEO 및 메타데이터
14 테스팅
15 배포
16 고급 주제
17 실전 프로젝트
18 문제 해결 및 디버깅
19 Next.js 생태계