본문 바로가기
전체 7
7
Frontend3분 읽기
Next.js App Router에서 "use client" 경계 제대로 긋기
서버 컴포넌트가 기본, 상호작용이 필요한 잎 컴포넌트만 클라이언트로. use client를 트리 위쪽에 박으면 번들이 통째로 커진다.
#Next.js#RSC#AppRouter
2026.06.06
6
Frontend5분 읽기
Next.js 16 마이그레이션 가이드 — 15에서 변경된 8가지와 dynamic 처리
Next.js 15 → 16 마이그레이션의 주요 변경점 8가지를 실전 코드 예시로 정리. dynamic API 검출 강화, fetch 캐싱 변경, use cache 도입 등.
#Next.js#Migration#AppRouter
2026.04.20
5
Frontend4분 읽기
Next.js 16 App Router 캐시 완벽 정리 — force-cache, revalidate, use cache 실전 차이
Next.js 16에서 fetch 기본 캐시 정책이 변경되고 use cache 디렉티브가 정식 도입됐다. force-cache·revalidate·use cache의 차이를 실전 시나리오로 정리한다.
#NextJS#AppRouter#Cache
2026.04.11
4
Frontend1분 읽기
Next.js App Router 마이그레이션 — Pages에서 전환하기
Next.js App Router 마이그레이션 — Pages에서 전환하기 — 실무에서 바로 적용할 수 있는 가이드입니다.
#Next.js#AppRouter#Pages
2023.08.03
3
Frontend1분 읽기
Next.js 13 App Router 시작하기 — Pages Router와 차이점 완벽 정리
Next.js 13 App Router 시작하기 — Pages Router와 차이점 완벽 정리 — 실무에서 바로 적용할 수 있는 가이드입니다.
#Next.js#AppRouter#React
2023.01.05
2
Frontend4분 읽기
Next.js 13 App Router 심화 — 레이아웃·로딩·에러
Next.js 13 App Router 심화 — 레이아웃·로딩·에러 — 실무에서 바로 적용할 수 있는 가이드입니다.
#Next.js#13#AppRouter
2022.11.04
1
Frontend4분 읽기
Next.js 13 출시 — App Router·Turbopack·Server Components
Next.js 13 출시 — App Router·Turbopack·Server Components — 실무에서 바로 적용할 수 있는 가이드입니다.
#Next.js#13#AppRouter
2022.10.01