Next.js Metadata API 완전 정리: 정적 metadata와 generateMetadata
Next.js App Router에서 metadata, generateMetadata, title 템플릿, canonical, Open Graph, robots를 최신 params Promise 예제로 정리합니다.
중급
Next.js의 실제 프로젝트 적용, 연동, 상태 흐름과 실무 문제 해결 글을 정리합니다.
총 11개의 글
Next.js Dynamic server usage 오류 해결: cookies headers 기준
Next.js App Router에서 Dynamic server usage 오류가 발생하는 이유를 cookies와 headers 사용 위치 중심으로 정리합니다. 정적 렌더링과 동적 렌더링 중 어떤 방향으로 수정할지 판단하는 기…
Next.js params should be awaited 해결: App Router 기준
Next.js 15 App Router에서 params should be awaited 오류가 발생하는 이유와 page, generateMetadata, route handler별 수정 방법을 정리합니다.
Next.js window is not defined 오류 해결: 브라우저 API를 안전하게 쓰기
Next.js window is not defined 오류 해결 방법의 원인과 해결 방법을 실제 작업에서 확인할 순서에 맞춰 정리합니다.
Next.js metadata가 적용되지 않을 때 확인할 7가지
Next.js metadata가 적용되지 않을 때 확인할 것의 원인과 해결 방법을 실제 작업에서 확인할 순서에 맞춰 정리합니다.
Next.js 환경변수 적용 오류 해결: .env.local을 바꿨는데 값이 안 바뀔 때
Next.js 환경변수 적용 오류 해결: .env.local을 바꿨는데 값이 안 바뀔 때 상황에서 먼저 확인할 로그, 설정, 버전, 환경 차이를 실무 체크리스트로 정리합니다.
Next.js Route Handler 405 오류 해결: GET/POST 파일 위치와 메서드 설정 확인
Next.js App Router Route Handler에서 405 Method Not Allowed가 날 때 route.ts 위치, export 메서드, 요청 URL, form/action 메서드를 점검하는 방법을 정리합니…
Next.js useSearchParams Suspense 오류 해결: 빌드 실패 기준
Next.js useSearchParams Suspense 오류 해결: App Router 빌드가 실패할 때 상황에서 확인할 원인과 해결 순서를 실무 기준으로 정리합니다.
Next.js fetch 캐시 문제 해결: 데이터가 바뀌었는데 화면이 그대로일 때
Next.js fetch 캐시 문제 해결: 데이터가 바뀌었는데 화면이 그대로일 때 상황에서 확인할 원인과 해결 순서를 실무 기준으로 정리합니다.
Axios 사용법: React Next.js에서 API 요청 구조 잡는 법
Axios 사용법: React Next.js에서 API 요청 구조 잡는 법을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.