Texonom
Texonom
/
Application
Application
/Network Science/ICT/Computer Network/Internet/WWW/Web Service/Web App/Web App Framework/React/React Framework/Next.js/Next.js Page/Next.js Page Rendering/
Next js getStaticProps
Search

Next js getStaticProps

Creator
Creator
Seonglae Cho
Created
Created
2021 Apr 22 4:49
Editor
Editor
Seonglae Cho
Edited
Edited
2024 Mar 10 13:36
Refs
Refs
SSG
Next js getStaticProps revalidateion
Next js getStaticProps notFound

Fetch data at build time

 
 
해당 메소드는 번들링(빌드) 단계에서 데이터 패칭이 이루어짐 - 당연히 동적으로 작동하지 않는다
 
 
 
 
 
[Next.js] getStaticProps와 getServerSideProps
Next.js 9.3 미만 버전에서 SSR(Server Side Rendering), SSG(Static Site Generation)를 적용하기 위해서는 getInitialProps 메소드가 활용되었습니다. getInitialProps 를 통해 서버에서 미리 필요한 데이터들을 패칭 후 html 파일에 렌더링하고 클라이언트에 전송하여 SEO를 향상할 수 있었습니다. Next.js 9.3 이상 버전부터 SSR, SSG를 지원하기 위한 새로운 메소드가 등장하였습니다. getStaticProps, getServerSideProps 입니다.
[Next.js] getStaticProps와 getServerSideProps
https://nunucompany.tistory.com/5
[Next.js] getStaticProps와 getServerSideProps
 

Recommendations

Texonom
Texonom
/
Application
Application
/Network Science/ICT/Computer Network/Internet/WWW/Web Service/Web App/Web App Framework/React/React Framework/Next.js/Next.js Page/Next.js Page Rendering/
Next js getStaticProps
Copyright Seonglae Cho