# getServerSideProps

12개의 포스트

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

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

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

(Next.js) Pre-rendering : getServerSideProps

동적으로 페이지를 구성하려면 getServerSideProps를 적용하자

2022년 5월 19일
·
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] getServerSideProps / getStaticProps 사용 구분

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

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

Project Note : Next.js tips 01

2022-02-20 / 이번 프로젝트에서 Next.js 프레임워크를 처음 사용해보며 여러 문제에 마주쳤는데, 기억 나는대로 정리해보려고 한다.

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

Project Note : Login redirection

2022-02-04 / 로그인 하지 않은 유저가 특정 페이지에 접근하지 못하도록 구현해보고자 하였다.

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

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

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

2021년 12월 20일
·
0개의 댓글
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 vs getServerSideProps (영상 확인)

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

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