Data Fetching : Next.js에서는 데이터를 불러오기 위해 함수들을 제공한다.
Next.js 공식 문서에서는 가능하면 Static Generation 방식을 사용하기를 권장
Pre-rendering
: Next.js는 pre-rendering을 Static Generation과 Server-side Rendering, 이 두 가지 형식으로 제공한다.
- 차이점은 언제 HTML이 생성되는지
- 모든 페이지를 pre-render 한다. ( 각 페이지에 대해 미리 HTML을 만들어 놓는다. )
1) Static Generation은 빌드 타임에 HTML을 생성( pre-rendered된 HTML은 각 요청마다 재사용이 가능 )
2) Server-side Rendering은 각 요청마다 HTML을 생성
출처
https://gingerkang.tistory.com/121
[Next.js] Pre-rendering과 Data Fetching
이 글은 Next.js의 공식 튜토리얼 문서를 참고하여 작성한 글입니다. 예시와 같은 블로그를 만들고 싶지만, 아직까지는 블로그 내용을 추가하지 않았다. 이제 블로그에 필요한 외부 데이터를 애플
gingerkang.tistory.com
'Development > React.js' 카테고리의 다른 글
| next - _error.js (0) | 2022.04.14 |
|---|---|
| next - _document.js (0) | 2022.04.14 |
| next.config.js 로 Rewrite 하기 (0) | 2022.04.14 |
| next.config.js로 Redirects 설정 (0) | 2022.04.14 |
| next.config.js에서 base path를 설정 (0) | 2022.04.14 |