getStaticProps Next.js에서 SSR로 url query 가져오기(feat. typescript) Next.js 9.3 버전 부터는 이제 pre-rendering을 위한 data-fetching을 위해 사용하던 getInitialProps가 getStaticProps, getServerSideProps, getStaticPaths 세가지로 분리되었다. If you export a function called getStaticProps (Static Site Generation) from ... getServerSidePropsgetInitialPropsgetStaticPropsgetInitialProps Next.js에서 Axios를 통해 getStaticProps를 사용해보자(feat. typescirpt) 평소 next.js에서도 axios를 즐겨 쓰는 나는 getStaticProps를 사용할때도 fetch가 아닌 axios를 써서 데이터를 받아오고 싶었다. SSR 방식으로 메뉴를 가져오고 싶어서 한번 적용을 해보았다. 스크린샷처럼 추가된 데이터를 받아오는 형식이라 CSR이 적합할 것 같으나 한번 적용해보고 싶어서 해보았다. 아아... 그래서 먼저 serverless 방식으로 API를 하나 만... axiostypescriptgetStaticPropsnext.jsaxios [Next.js] getServerSideProps / getStaticProps 사용 구분 Next.js는 더 나은 성능과 SEO를 위해 모든 페이지를 미리 렌더링 한다. (Pre-render) 외부 데이터를 서버에서 받아와 초기 데이터로 설정하고 페이지로 전달한다. 페이지 요청 시마다 실행된다. getStaticProps보다 성능이 떨어지지만, 동적으로 데이터를 가져와 업데이트가 가능하다는 장점이 있다. (Dynamic Rendering) 가져온 데이터를 props에 담고 ret... getStaticPropsgetServerSidePropsgetServerSideProps
Next.js에서 SSR로 url query 가져오기(feat. typescript) Next.js 9.3 버전 부터는 이제 pre-rendering을 위한 data-fetching을 위해 사용하던 getInitialProps가 getStaticProps, getServerSideProps, getStaticPaths 세가지로 분리되었다. If you export a function called getStaticProps (Static Site Generation) from ... getServerSidePropsgetInitialPropsgetStaticPropsgetInitialProps Next.js에서 Axios를 통해 getStaticProps를 사용해보자(feat. typescirpt) 평소 next.js에서도 axios를 즐겨 쓰는 나는 getStaticProps를 사용할때도 fetch가 아닌 axios를 써서 데이터를 받아오고 싶었다. SSR 방식으로 메뉴를 가져오고 싶어서 한번 적용을 해보았다. 스크린샷처럼 추가된 데이터를 받아오는 형식이라 CSR이 적합할 것 같으나 한번 적용해보고 싶어서 해보았다. 아아... 그래서 먼저 serverless 방식으로 API를 하나 만... axiostypescriptgetStaticPropsnext.jsaxios [Next.js] getServerSideProps / getStaticProps 사용 구분 Next.js는 더 나은 성능과 SEO를 위해 모든 페이지를 미리 렌더링 한다. (Pre-render) 외부 데이터를 서버에서 받아와 초기 데이터로 설정하고 페이지로 전달한다. 페이지 요청 시마다 실행된다. getStaticProps보다 성능이 떨어지지만, 동적으로 데이터를 가져와 업데이트가 가능하다는 장점이 있다. (Dynamic Rendering) 가져온 데이터를 props에 담고 ret... getStaticPropsgetServerSidePropsgetServerSideProps