Next.js

What is Next.js?

: SSR을 지원하는 react framework

동작원리

• 유저가 초기에 server에 해당 어플리케이션의 페이지에 접속을 요청하면, SSR방식으로 렌더링 될 html 문서를 보냄
  -> 브라우저에서 js를 다운받고, react를 실행함
  -> 유저가 계속 어플리케이션과 상호작용하면서 다른 페이지로 이동하면, 그때부터는 CSR방식으로 처리 (server(x) browser(o)가 처리)

장점

• automatic code spliting
  • 여러개의 파일을 페이지 별 분리하여, 각 페이지의 route에 따라 쪼개놓음
  • page folder : 각 page (routed page)
  • components folder : react components
• easy routing (router / link 등 기능 탑재)