서버사이드 렌더링을 사용해야 하거나 또는 SEO가 필요할 때 많이 사용되는 프레임워크인 next.js를 사용해서 풀스택 프로젝트를 만들어 보고자 한다.
본 프로젝트의 목적은 첫째로 next.js에서 제공되는 다양한 기능을 써보며 사용 방법에 익숙해지는 것, 둘째는 앞으로 웹 개발을 함에 있어서 next.js를 도입할 수 있을지에 대해 판단해보는 것이다.
본 프로젝트에서 사용되는 기능이 반드시 필요하지 않는 기능도 많겠지만 최대한 많은 기능을 활용해 볼 것이다.
기존에 React와 Express를 이용해 개발한 Rewind라는 프로젝트가 있었다. 기존 프로젝트에서 부족했던 부분을 보완하여 next.js로 migration 할 것이다. (현재 next.js 13 버전이 출시되었지만 12버전으로 개발)
최소한의 setup 이후에 배포부터 할 것이며 배포는 next.js를 개발한 vercel을 이용할 것이다.