Create a Next.js App

React from scratch 문제점

리액트를 사용하여 아무것도 없는 처음상태에서부터 웹앱을 만드려면 고려해야할 상황이 굉장히 많다.

• 코드는 웹팩과 같은 번들러를 사용해 번들되어야 하고, 바벨과 같은 컴파일러에 의해 변형되어야한다는 점
• code splitting과 같은 제품 최적화를 필요로 한다는 점
  
• SEO를 위해 SSG, SSR, CSR을 필요로 할 것이라는 점
• 서버측 데이터와 React코드를 연결하기 위해 Server-side-code가 필요하게 될 것이라는 점... 등등

 

Next.js: The React Framework

Next.js는 위에 서술한 대부분의 문제를 해결해준다. 

• 직관적인 페이지기반 라우팅 환경을 제공해준다. -> Next dynamic routes
• pre-rendering 및 SSG(Static-site-generator) 그리고 SSR(Server-side-rendering)