Vercel 404 NOT_FOUND 오류 해결: Next.js 배포 후 라우팅과 rewrites 확인
Vercel에 Next.js를 배포한 뒤 404 NOT_FOUND가 날 때 라우팅 구조, build output, rewrites, basePath, 동적 라우트를 점검하는 방법을 정리합니다.
개발
프로그래밍 카테고리에서는 HTML, CSS, JavaScript, React, Next.js를 비롯한 다양한 개발 지식과 실무 구현 방법을 정리합니다. 기초 문법부터 UI 구현, API 연동, 상태 관리, 성능 최적화, 트러블슈팅까지 실제 작업에 바로 적용할 수 있는 내용을 쉽고 체계적으로 다룹니다.
총 208개의 글
TanStack Query Hydration 오류 해결: QueryClient 설정 기준
Next.js에서 TanStack Query Hydration 오류가 날 때 QueryClient 생성 위치, HydrationBoundary, dehydrate, queryKey 일치를 점검하는 방법을 정리합니다.
Storybook Vite 동적 import 오류 해결: fetch 실패 원인
Storybook Vite builder에서 Failed to fetch dynamically imported module 오류가 날 때 캐시와 경로를 점검합니다.
프론트엔드 배포 오류 해결 허브: Vercel, Netlify, Firebase 체크리스트
프론트엔드 배포 오류 해결 허브입니다. Vercel, Netlify, Firebase, 환경변수, 404, 500, 빌드 실패를 에러 메시지별 진단표와 관련 글로 정리합니다.
Firebase 실무 오류 해결 모음: Storage, Firestore, Auth 체크리스트
Firebase Storage URL, 403 권한 오류, Firestore permission-denied, Auth 로그인 유지, 환경변수 문제를 실무 점검 순서로 정리했습니다.
Next.js SEO 완전 가이드: App Router metadata부터 배포 확인까지
Next.js App Router metadata, generateMetadata, openGraph, canonical, sitemap, robots.txt, Vercel 배포 후 확인까지 한 흐름으로 점검합니다.
Firebase CORS 오류 해결: Storage 이미지 업로드가 막힐 때 확인할 설정
Firebase CORS 오류 해결: Storage 이미지 업로드가 막힐 때 확인할 설정 상황에서 먼저 확인할 로그, 설정, 버전, 환경 차이를 실무 체크리스트로 정리합니다.
Firebase Storage 이미지 오류 해결: 403·404·token·Rules 확인법
Firebase Storage 이미지가 보이지 않을 때 확인할 권한과 URL 설정의 원인과 해결 기준을 실제 작업에서 확인할 순서에 맞춰 정리합니다.
Vercel Next.js 배포 실패 해결 체크리스트: 빌드 로그·환경변수·Node 버전 확인법
Vercel 배포 실패 해결: Next.js 빌드 에러가 날 때 먼저 확인할 것 상황에서 먼저 확인할 로그, 설정, 버전, 환경 차이를 실무 체크리스트로 정리합니다.
Expo EAS Build 오류 해결: 로컬은 되는데 원격 빌드만 실패할 때
Expo EAS Build 실패할 때 먼저 확인할 체크리스트의 원인과 해결 기준을 실제 작업에서 확인할 순서에 맞춰 정리합니다.