Today 요약

1. Next 강의

1. What I did?

1.1 Next 강의

• Next에서의 SSG, ISR, SSR, CSR

  • SSG, ISR, SSR

    const revalidate = 3

    위와 같이 선언하게 되면 ISR로 동작한다. 새로운 요청이 들어왔을때 3초마다 새로운 데이터를 보여준다.

    이때 0초를 전달하면 SSR로 동작하고 아무것도 선언하지 않으면 기본값인 SSG로 동작하게 된다.

  • CSR

    컴포넌트를 분리해서 ‘use client’를 선언하면 한 페이지 내에서도 하이브리드 렌더링이 가능하다.

• API 라우트
  • Next Web App 자체에서 API를 만들 수 있다. 즉, Next Web App 자체가 서버 처럼 API를 제공할 수 있다.
• 로딩 페이지
  • loading.tsx에 UI를 정의하면 된다. 이때 layout.tsx에는 영향이 없고 페이지 컴포넌트가 준비되기 전에 보여지는 부분을 정의한다.
  • 로딩페이지는 SSG에서는 의미가 없고 SSR에서 의미가 있다.
• 에러페이지, Image, 폰트 최적화, Redirect, Rewrite