Next.js 기본

• <a> tag vs <link> tag

Next.js → 다양한 기능을 추상화해서 제공
Navigate/ prefetching → <a> with <List>/ code splite
Image/ Head → "next/ image"/ "next/ head" - meta
built in styling/ global → CSS modules/ Sass/ styled-jsx

• 기본적으로 모든 페이지를 pre-rendering한다.
• SSG vs SSR (build time vs each request)
  npm run dev로 킨 경우 each request마다 빌드

hydration → js 실행으로 interactive할 준비 과정
SSG → Build time에 서버에서만 동작
SSR → Request time에 동작/ TTFB slow
CSR → Request time 이후 동작 SWR

• getStaticPaths:
  [{params: {id: string}}] 목록 리턴,
  params안에 dynamic routes key가 들어있어야 한다.
• getStaticProps:
  id별로 md에서 데이터를 읽어서 page에 props로 전달하도록 한다.

Dynamic Routes → getStaticPaths
키 값 → 동적으로 만들어서 대응
fallback → false면 404, true면 router.isFallback
API Routes → /pages/ api/ hello.js