Tier 2 Tier 2HardSkill Path

Express SSR과 Next.js 아키텍처 비교

Express로 직접 SSR 배관을 구현한 후, Next.js가 같은 일을 어떻게 자동화하는지 비교하며 학습합니다. renderToString, Hydration, 상태 직렬화, Zustand, TanStack Query, 인증, 라우팅, 빌드/배포까지 다룹니다.

0(0 리뷰)

8시간

3개 유닛

학습 시작하기

커리큘럼

1

SSR 기초와 상태 관리

2개 레슨

1.1Step 01: SSR의 본질 — Express 수동 배관 vs Next.js 자동 배관 1.2Step 02: Zustand 상태관리 — 수동 직렬화 vs 자동 하이드레이션

2

데이터 페칭과 인증

2개 레슨

2.1Step 03: TanStack Query SSR — 수동 Dehydrate/Hydrate vs 자동 관리 2.2Step 04: 인증/세션 관리 — Express 수동 미들웨어 vs NextAuth + Middleware

3

라우팅, 빌드, 의사결정

3개 레슨

3.1Step 05: 라우팅 아키텍처 — Express Router vs App Router 3.2Step 06: 프로덕션 배포 — esbuild 수동 파이프라인 vs Next.js Build System 3.3Step 07: 종합 비교 — Express SSR vs Next.js 의사결정 프레임워크