Getting Started | Next.js

start with typescript

yarn create next-app --typescript
✔ What is your project named? … my-next

cd my-next
yarn dev

특징

• pages 단위로 라우팅이 이뤄진다.

  

  

• 동적 라우팅도 가능하다.

  pages/posts/[id].js → posts/1, posts/2

사용하는 장점(핵심)

• SSR
• By default, Next.js pre-renders every page.
  • hydration 페이지가 브라우저에 로드될 때 JS가 실행되면서 전체 페이지를 랜더링한다.
  • SEO에 장점을 가진다.
  • 종류는 Static Generation, build time에 생성되어 request마다 재활용한다. CDN에 캐싱될 수도. Server-side Rendering, request마다 생성한다, 부분적 Client-side Rendering