[Front-end] Next.js 뽀개기 [1] - 왜 Next?

React만 사용해 봤었는데.. 회사에서 Next.js를 사용해서 새로 공부를 하게 되었다.

먼저 React와 Next의 가장큰 차이점은 SEO와 첫랜더링 속도 차이 인것같다.

정리하자면

React.js	Next.js
CSR	SSR
첫 랜더링은 느리지만 이후엔 빠름	서버에서 뷰를 그려오기떄문에 상대적으로 느림
SEO가 걸리기 힘들다. 첫 html에있는 정보만 알고 바뀌는 페이지의 meta를 읽지 못함	SEO유리하다. 서버에서 그려오기때문에 바뀌는 정보들로 받아온다.

 

그러면, React와 Next중 Next를 선택해서 사용하는 이유는 뭘까?

가장 큰 이유는 SEO라고 생각한다. 그렇다면 SEO란 무엇일까?

SEO = 검색엔진 최적화 로서, 검색엔진이 이해하기 쉽도록 홈페이지의 구조와 페이지를 개발해 검색 결과 상위에 노출될 수 있도록 하는 작업을 말한다.

즉, 우리 서비스가 사용자들에게 검색으로 노출되어야하는 프로젝트라면 React보다는 SEO에서 유리한 Next를 선택하면 좋다는것이다.

장점을 극대화 시켜보자 (SEO)!!!!

그렇다면, SEO를 가장 효율적으로 할 수 있는 방법은 무엇일까 ?

너무 잘 정리가 되어있는 글이 있어서 공유해보고자 한다.