# getStaticProps

12개의 포스트

Next.js의 데이터 페칭과 렌더링

거의 1년만에 블로그에 글을 쓴다.next.js로 웹사이트를 10개 가까이 만들어서 배포해봤음에도, 아직까지 헷갈리는 데이터 fetching과 렌더링에 대해 한번 마음 먹고 정리해보려고 한다. 기본적으로는 docs의 내용을 읽기 쉽게 번역 및 정리해서 올리는 것이 목표

3일 전
·
0개의 댓글
post-thumbnail

Next.js에서 SSR로 url query 가져오기(feat. typescript)

Next.js가 현재 12까지 나와있다. Next.js 9.3 버전 부터는 이제 pre-rendering을 위한 data-fetching을 위해 사용하던 getInitialProps가 getStaticProps, getServerSideProps, getStaticP

2022년 4월 17일
·
0개의 댓글

Next.js

Next.js 공식 문서 읽으며 필요한 부분 정리

2022년 4월 9일
·
0개의 댓글
post-thumbnail

Next.js에서 Axios를 통해 getStaticProps를 사용해보자(feat. typescirpt)

평소 next.js에서도 axios를 즐겨 쓰는 나는 getStaticProps를 사용할때도 fetch가 아닌 axios를 써서 데이터를 받아오고 싶었다. SSR 방식으로 메뉴를 가져오고 싶어서 한번 적용을 해보았다. 스크린샷처럼 추가된 데이터를 받아오는 형식이라 CS

2022년 3월 26일
·
0개의 댓글
post-thumbnail

[Next.js] getServerSideProps / getStaticProps 사용 구분

Next.js는 더 나은 성능과 SEO를 위해 모든 페이지를 미리 렌더링 한다. (Pre-render)렌더링의 방식은 getServerSideProps와 getStaticProps로 나뉜다. 이 둘의 차이와 활용에 대해 정리해보도록 하겠다.서버 사이드 렌더링(SSR)

2022년 3월 19일
·
0개의 댓글
post-thumbnail

[Next.js] getStaticProps, getStaticPaths, getServerSideProps 란?

Next.js의 기본 개념중 하나인 데이터 패칭. 그리고 그 핵심인 getStaticProps, getStaticPaths, getServerSideProps에 대해서 알아보자.

2021년 12월 20일
·
0개의 댓글

[Web template] Next.js 정적 생성(Static Generation)_ getStaticProps, getStaticPaths(6)

정적 생성(Static Generation)_ getStaticProps, getStaticPaths pre-rendering(사전 렌더링) Next.js는 1) 모든 페이지를 pre-render(사전 렌더) 한다 클라이언트에서 모든 작업

2021년 12월 2일
·
0개의 댓글
post-thumbnail

The Net Ninja <Next.js Tutorial> 강의 노트

NextJS는 Server Side Rendering과 Static Site Generation을 지원하는 프레임워크이다. 다시 말해 Pre-render되는 리액트 웹사이트를 만들기 위한 프레임워크라고 할 수 있다. Client Side Rendering 방식을 따르

2021년 11월 22일
·
1개의 댓글
post-thumbnail

Next.js Study - getStaticProps/ getServerSideProps

서버 측에서 props를 받아오는 기능페이지 요청 시마다 실행, 데이터를 서버에서 렌더링query를 props로 사용query 대신 params를 사용getStaticPath()를 이용하여 params미리 지정필요fallback이 false이면 이외의 경로는 404 에

2021년 10월 17일
·
0개의 댓글
post-thumbnail

Next.js getStaticProps 사용기

Next.js의 기본중의 기본!! preRendering을 공부해보고 활용해보았습니다. PreRendering이란?? 서버불태우기! preRendering이란 SSR(Server Side Rendering)의 특징이라고 볼 수 있습니다. 자주 쓰이는 React로

2021년 5월 30일
·
1개의 댓글
post-thumbnail

[Next.js] getStaticProps vs getServerSideProps (영상 확인)

우선은 두 함수 모두 pre-render가 필요한 경우(SEO,Adsense 등)에만 사용하도록 권장한다."빌드 시에 딱 한번만" 호출되고, 바로 static file로 빌드 된다. 빌드시 고정되는 값으로, 빌드이후에는 변경이 불가합니다.앱 빌드 후에 바뀌지 않는 내용

2021년 4월 20일
·
0개의 댓글