Marais.lee
Welcome to Marais's IT Home
Marais.lee
전체 방문자
오늘
어제
  • 분류 전체보기 (87)
    • co-task 프로젝트 (7)
    • Study (28)
      • 자바스크립트 (5)
      • 모던 리액트 Deep Dive (7)
      • 용어 (1)
      • 컴퓨터과학 (2)
      • 코테 (12)
      • 네트워크 (0)
    • 개발 환경 (3)
    • Next.js (pages router) (9)
    • Next.js (app router + 14v) (4)
    • TypeScript (11)
    • 라이브러리 (8)
    • 후기 및 고민 (10)
    • 맥북관련 셋팅 및 오류 (4)
    • Obsidian | 옵시디언 (1)
반응형

인기 글

최근 글

블로그 메뉴

  • 홈
  • 태그
  • 방명록
250x250
hELLO · Designed By 정상우.
Marais.lee

Welcome to Marais's IT Home

Next.js (pages router)

getStaticProps 데이터 패칭 오류 (Next.js 13v, pages router)

2023. 11. 14. 23:11
728x90
getStaticProps 데이터 패칭 오류 어찌해결? (Next.js 13v, pages router 사용중)

/main 페이지에서 getStaticProps 오류( 다른 페이지에서는 잘 불러와짐)

문제는 index.js/ Home function에 있었다.  
import Head from "next/head";  
import MainPage from "./main";      
export default function Home() {     
return (         
    	<>            
            <Head>                 
            	<title>Project</title>             
            </Head>             
            <MainPage />        
        </>      
	); 
}

./main 에서 MainPage 이름으로 작업중이였다.

오류해결!

index.tsx에서 <MainPage/>를  빼버렸다.
Home자체에 페이지를 불러오지 않고 그냥 redirect 시켰다.

왜 이게 되는지는 나도 모른다… 이유아시는분…

아무튼 저렇게 하니 데이터가 잘 날라온다.

import type { GetServerSideProps } from "next";  

export default function Home() {     
    return <></>; 
}  

export const getServerSideProps: GetServerSideProps = async (context) => {    
return {         
    redirect: {             
        destination: "/main",            
        permanent: true,         },     
    }; 
};

이렇게 또 얼렁뚱땅 개발하루 마감…

 

++옵시디언으로 코드가 한줄로 발행된다.. tistory에서 재수정
(이 글은 옵시디언을 통해서 발행되었습니다.)

728x90
반응형

'Next.js (pages router)' 카테고리의 다른 글

Next.js pages router favicon 및 title 태그 넣는 폴더 위치 (전역설정)  (0) 2024.02.08
next.js | react.js 매거진 리스트 데이터 패칭 문제 해결  (0) 2023.12.14
Next, React api url 삼항연산자로 편리하게 사용하기  (0) 2023.12.09
Next.js 공식문서 확인법 pages vs app router  (0) 2023.11.14
    'Next.js (pages router)' 카테고리의 다른 글
    • Next.js pages router favicon 및 title 태그 넣는 폴더 위치 (전역설정)
    • next.js | react.js 매거진 리스트 데이터 패칭 문제 해결
    • Next, React api url 삼항연산자로 편리하게 사용하기
    • Next.js 공식문서 확인법 pages vs app router
    Marais.lee
    Marais.lee
    구글링으로 한국어로 된 글을 찾지 못했거나 이해하는데 어려움이 있었던 이슈를 공유합니다.

    티스토리툴바