나 혼자 Next.js

Next.js를 처음 배우면 기능이 많아서 어디서부터 익혀야 할지 혼란스러울 수 있습니다. 이 교재는 Next.js 16 기준으로, App Router 중심의 실전 흐름을 따라가도록 구성했습니다.

초반에는 라우팅과 레이아웃, 서버/클라이언트 컴포넌트의 역할 구분을 명확히 잡고, 이후 데이터 패칭과 캐싱 전략으로 확장합니다. 각 장에서는 단순 사용법보다 언제 어떤 방식을 선택해야 하는가를 중점적으로 다뤄 운영 상황에서도 흔들리지 않게 합니다.

성능, SEO, 인증, 테스트, 배포까지 이어지는 전체 흐름을 한 교재 안에서 연결해 실무 전환을 쉽게 만들었습니다. App Router 문법 암기에 그치지 않고, 데이터 흐름과 렌더링 전략을 함께 판단하는 능력을 목표로 합니다.

아래 목차를 순서대로 따라가면 기능별 지식이 조각나지 않고 하나의 프로젝트 설계로 이어집니다. 최종적으로는 Next.js를 편한 프레임워크가 아니라 의도적으로 설계하는 도구로 활용할 수 있게 됩니다.

먼저 전체 장 흐름을 한눈에 보고, 각 구간에서 무엇을 판단해야 하는지 잡아봅니다.

이 교재는 기능을 외우는 순서보다 서버, 클라이언트, 데이터 경계를 구분하는 힘을 먼저 기릅니다.

각 장을 읽을 때는 작은 화면을 만들고, 렌더링 위치와 캐시 선택을 직접 설명하는 방식으로 진행합니다.

처음에는 전체를 한 번에 외우기보다, 현재 막힌 질문이 어느 학습 구간에 속하는지 먼저 분류하면 훨씬 안정적으로 따라갈 수 있습니다.

마지막으로 실제 프로젝트를 설계할 때는 라우팅, 서버/클라이언트 경계, 캐시, 배포 기준을 한 번에 맞춰보면 방향이 빨리 잡힙니다.

Next.js 프로젝트를 설계할 때는 파일 위치, 렌더링 방식, 데이터 접근 위치, 런타임 경계를 함께 결정해야 합니다.

마지막으로 전체 목차를 실제 프로젝트 판단으로 다시 묶어, 어느 장에서 라우팅, 데이터, 운영 결정을 내려야 하는지 확인합니다.

아래 목차에서 지금 필요한 장으로 이동하되, 처음 학습한다면 순서대로 따라가는 편이 가장 안정적입니다.