TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
383736353433323130292827
Frontend
Next.js 16.2 — Partial Prerendering 안정화와 새 기능
Next.js 16.2의 PPR 안정화, 새로운 캐싱 API, 개발자 경험 개선 사항.
Frontend
Next.js Image 최적화 심화 — blur placeholder와 CDN 전략
Next.js Image 컴포넌트의 blur placeholder 생성, 외부 이미지 CDN 연동, 반응형 이미지 전략을 심층적으로 살펴봅니다.
Frontend
Next.js 16 — React 19 완전 통합과 새로운 기능
Next.js 16의 React 19 완전 통합, 새로운 라우팅 기능, 성능 개선 사항.
Frontend
Next.js 이미지 최적화 — next/image 완벽 활용
next/image 컴포넌트의 최적화 기법, 리모트 이미지 설정, 성능 측정 방법.
Frontend
Fumadocs — Next.js 문서 사이트 프레임워크
Fumadocs로 Next.js 기반 기술 문서 사이트를 빠르게 구축하는 방법.
Frontend
다국어(i18n) 처리 — Next.js와 react-intl 실전 적용
Next.js에서 react-intl로 다국어 지원을 구현하는 방법과 번역 워크플로.
Frontend
Next.js 15 정식 출시 — 완전 가이드
Next.js 15 정식 릴리스의 모든 변경사항과 마이그레이션, 새로운 기능 활용법.
Frontend
SSR vs SSG vs ISR — 렌더링 전략 완벽 비교
서버 사이드 렌더링, 정적 생성, 증분 재생성의 차이점과 선택 기준.
Frontend
Next.js 15 RC — 새로운 캐싱 전략과 React 19 지원
Next.js 15 RC의 변경된 캐싱 기본값, Turbopack 안정화, React 19 지원 내용 정리.
Infra
Vercel 배포 최적화 — ISR, Edge, Serverless 전략
Vercel에서 ISR, Edge Functions, Serverless Functions를 적절히 사용하는 배포 전략.
Frontend
Next.js에서 SEO 완벽 처리 — 메타태그부터 구조화 데이터까지
Next.js App Router에서 메타태그, Open Graph, JSON-LD 구조화 데이터를 설정하여 검색 엔진 최적화를 완벽하게 처리하는 방법입니다.
Frontend
Next.js 14 App Router — Server Actions 실전 활용
Next.js 14의 Server Actions를 활용한 폼 처리, 데이터 뮤테이션, 재검증 패턴.