왜 Next.js를 사용하는가?

우선 설명에 앞서 개인 프로젝트를 진행하면서, 왜 Next.js를 사용하려는지에 대해서 서술해보려고 합니다. 기존 팀 프로젝트를 진행하면서 Node.js, Express를 사용했고 SSR이 좋다고 생각했습니다. CSR, SSR에 대해서는 별도로 게시글을 작성해보도록 하겠습니다.

왜 Next.js를 사용하는가?

우선 SSR을 쉽게 구현하도록 도와주는 프레임워크가 Next.js입니다.
별도의 설정없이 SSR, SEO부터 최근 저를 괴롭히는 TypeScript까지 제공해주는 React Framework입니다.

그럼 Node.js, Express (Back-End Part)를 맡으면서 왜 Next.js를 사용하는가?
음.. 가장 큰 이유는 함께할 동료를 구하지 못했고, 기초적인 Front 지식이 있었으면 좋겠다는 생각이 들어 개인 프로젝트를 진행하게 됐습니다.

아무튼 SSR에 특화된 프레임워크가 Next.js입니다.

Next.js 작동원리

Client에서 Server에 요청을 보내면 SSR 방식으로 렌더링 될 HTML을 보냅니다.
이후 브라우저에서 Javascript를 다운로드하고 React를 실행합니다.
사용자는 페이지를 이동할 때 Server가 아닌 CSR 방식으로 브라우저 처리를 합니다.

쉽게 얘기하면 SSR, CSR 모두 된다.
Client에서 Server에 페이지 접속을 요청하면 SSR 방식으로 HTML을 보내 SEO에 유리하고, 사용자와 페이지를 이동할 때 CSR 방식으로 전환해 SPA 장점이 생깁니다.

앞으로 프로젝트의 진행 밑 코드와 관련해 업로드 하도록 하겠습니다.
기본적인 Setting에 대해서도..

그럼 오늘은 여기서 이만..