목표

라우팅과 렌더링의 핵심 개념을 이해할 수 있는 예제를 작성합니다.

주제

렌더링 테스트 페이지 만들기

요구사항

1. RootLayout에 내비게이션 역할을 하는 Nav 컴포넌트를 포함시킵니다.

2. Nav 컴포넌트는 다음 메뉴를 가지고 있습니다.

   1. SSG
   2. ISR
   3. SSR
   4. CSR

3. 각 페이지를 클릭하면, 고양이에 대한 사실을 알려주는 API를 각 렌더링 방식(SSG ~ CSR)에 맞게 보여주도록 합니다.

   <https://catfact.ninja/fact>
   

4. styling 도구는 반드시 Tailwind만을 이용하여 css를 여러분의 입맛대로 구성합니다.

5. 주의사항

   • 테스트를 위해서는 dev 모드가 아닌 production 모드를 사용해주세요. 즉, npm run dev가 아니라 npm run build ⇒ npm run start를 사용해주세요.