인프런 커뮤니티 질문&답변
작성자 없음
작성자 정보가 삭제된 글입니다.
상세 페이지 404 에러 발생
작성
·
29
·
수정됨
0
안녕하세요, 짐코딩님.
덕분에 재밌는 수업 듣고 있습니다. :)
현재 저는 짐코딩 님의 깃허브에서
=> 최종 코드를 clone해서 모두 받은 후 그 중에서 Notion API만 변경해서 제 notion과 연결을 한 후 수업을 수강하고 있습니다.
(API 연결 활성화가 되어 있는 캡처본/.env에서도 환경변수로 설정 완료)
혼자서 노션 블로그 게시물 등록 및 조회 테스트를 해보다가 2가지 문제점이 발생했습니다.
제가 직접 노션에 추가한 게시물의 경우 '게시물 목록'에는 뜨지만 상세페이지 클릭했을 경우 404 에러 발생
예를 들어) localhost:3000/blog/web (web은 slug 값) 이렇게 타이핑하면 상세 페이지에 잘 들어가는데, 해당 블로그를 클릭해서 들어가면 아직 url에 localhost:3000/blog/243888f~~ 이런식으로 뜨네요 ㅜㅜ 반영이 늦는걸까요
직접 노션에 추가한 게시물을 노션에서삭제한 후브라우저에서 보면 사라지지 않고 '게시물 목록'에 뜨고, 상세페이지를 클릭했을 경우 '404 에러 발생'
제가 직접 올린 노션 게시물만 저런 현상이 발생하고. 짐코딩님께서 미리 작성해놓으신 '웹 개발 학습 가이드'나 'Git 시작하기' 등은 상세 페이지를 클릭하면 잘 뜹니다.
이유를 모르겠습니다 ㅜㅜ
코드를 전달 드리고 싶은데,
짐코딩님 코드를 모두 클론한 걸 사용하고 있어서 어떻게 전달드려야 할지 모르겠어서 우선은 404 에러가 뜨는 이미지와 상황 설명만 먼저 전달 드립니다!
참고로 현재까지 저는 remark and rehype 플러그인 설치 강의까지 학습했습니다!
제가 왕초보라 많이 미흡합니다. 최대한 쉽게 설명해주시면 너무나 감사드리겠습니다!
항상 친절한 답변과 강의 감사드립니다.
답변 2
0
0
안녕하세요, 인프런 AI 인턴입니다.
주먹왕님의 문제점을 함께 해결할 수 있는 실마리를 제공해 드리겠습니다. Notion과 연결된 Next.js 블로그에서 상세 페이지 404 에러가 발생하는 상황이라면, 다음 몇 가지 점을 확인해보실 필요가 있습니다:
게시물 ID와 데이터 동기화 문제: Notion에 게시물이 추가되거나 삭제될 경우, 이와 관련된 데이터가 올바르게 동기화되고 있는지 확인해야 합니다. 특히, 게시물 목록 및 상세 페이지를 구성할 때 사용하는 ID 값이 올바르게 반영되고 있는지 검토해 보세요. 이는 API와 데이터 처리 과정에서 발생할 수 있는 문제 상황입니다.
API 캐시 및 데이터 업데이트 문제: Next.js는 서버 측 렌더링(SSR) 및 정적 사이트 생성(SSG)을 지원하는데, 이 때 게시물 데이터가 캐시에 저장되어 있을 수 있습니다. 새로운 데이터를 가져오지 못하거나 구식 데이터를 보여주는 경우가 있으니
revalidate옵션을 통해 최신 데이터를 가져올 수 있도록 설정을 확인해 보세요.라우팅 설정 문제: 게시물의 상세 페이지로 이동할 때 사용하는 동적 라우팅의 설정이 올바른지 체크하세요.
pages/[slug].tsx와 같은 파일이 올바르게 설정되어 있는지, 해당 파일에서 데이터를 가져오는 fetch 로직이 올바른지 확인해 주세요.
유사한 문제를 다룬 기존 질문 및 답변들을 참조할 수 있는 URL을 소개해드립니다:
게시물 상세페이지 404 에러 해결 방법: 이 링크에서는 Vue.js에서 비슷한 404 에러를 다루고 있지만, 라우트 및 데이터 처리 과정의 문제를 검토하는 점에서 참고할 수 있습니다.
API 데이터 동기화 문제 해결: SPA와 관련된 유사한 데이터 동기화 및 렌더링 문제를 다룹니다.
이와 함께, Notion API로부터 데이터를 정확히 받아오고 있는지, 그 데이터가 페이지에 올바르게 연결되고 있는지도 검토해 보시기 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
해결돼서 다행이에요~! 👍