본문 바로가기
전체 55건
43
Frontend10분 읽기
TanStack Query v6 + RSC 통합 — HydrationBoundary·streamedQuery 실전
TanStack Query v6와 Next.js 16 RSC를 통합하는 검증된 패턴. 서버 prefetch + 클라이언트 hydration + streamedQuery로 실시간 응답.
#TanStack#Query#RSC
2026.04.22
42
Frontend7분 읽기
React Server Components 5가지 함정과 해결법 — Context·Hydration·캐싱
RSC 도입 후 1년 — 실무에서 가장 자주 마주치는 5가지 함정 (Context 실패·Hydration 미스매치·캐싱·third-party 라이브러리·환경 변수)과 해결 패턴.
#React#RSC#Next.js
2026.04.21
41
Frontend5분 읽기
Next.js 16 마이그레이션 가이드 — 15에서 변경된 8가지와 dynamic 처리
Next.js 15 → 16 마이그레이션의 주요 변경점 8가지를 실전 코드 예시로 정리. dynamic API 검출 강화, fetch 캐싱 변경, use cache 도입 등.
#Next.js#Migration#AppRouter
2026.04.20
40
Frontend6분 읽기
Next.js 16.2 완전 정리 — Turbopack 완성, Server Fast Refresh, AI-Native 개발
Next.js 16.2의 핵심 변경사항을 완전 정리합니다. Turbopack 완성으로 400% 빨라진 dev 서버, Server Fast Refresh, AGENTS.md, SRI 지원까지.
#Next.js#Turbopack#React
2026.03.30
39
Frontend2분 읽기
Next.js 미들웨어 고급 — 인증, 로케일, A/B 테스트
Next.js 미들웨어로 인증 체크, 로케일 감지, A/B 테스트를 구현하는 고급 패턴.
#Next.js#Middleware#Edge
2026.03.07
38
Frontend2분 읽기
Next.js 16.2 — Partial Prerendering 안정화와 새 기능
Next.js 16.2의 PPR 안정화, 새로운 캐싱 API, 개발자 경험 개선 사항.
#Next.js#PPR#Caching
2026.01.14
37
Frontend6분 읽기
Next.js Image 최적화 심화 — blur placeholder와 CDN 전략
Next.js Image 컴포넌트의 blur placeholder 생성, 외부 이미지 CDN 연동, 반응형 이미지 전략을 심층적으로 살펴봅니다.
#Next.js#이미지#CDN
2025.09.20
36
Frontend2분 읽기
Next.js 16 — React 19 완전 통합과 새로운 기능
Next.js 16의 React 19 완전 통합, 새로운 라우팅 기능, 성능 개선 사항.
#Next.js#React 19#Fullstack
2025.09.19
35
Frontend1분 읽기
Next.js 이미지 최적화 — next/image 완벽 활용
next/image 컴포넌트의 최적화 기법, 리모트 이미지 설정, 성능 측정 방법.
#Next.js#Image#Performance
2025.05.25
34
Frontend4분 읽기
Fumadocs — Next.js 문서 사이트 프레임워크
Fumadocs로 Next.js 기반 기술 문서 사이트를 빠르게 구축하는 방법.
#Fumadocs#Documentation#Next.js
2025.03.12
33
Frontend1분 읽기
다국어(i18n) 처리 — Next.js와 react-intl 실전 적용
Next.js에서 react-intl로 다국어 지원을 구현하는 방법과 번역 워크플로.
#i18n#Next.js#Internationalization
2025.02.10
32
Frontend4분 읽기
Next.js 15 정식 출시 — 완전 가이드
Next.js 15 정식 릴리스의 모든 변경사항과 마이그레이션, 새로운 기능 활용법.
#Next.js#React#Fullstack
2025.01.08