NEXT.js 14 로 블로그 운영 하기 (1) <시작하며..>

"가장 중요하게 생각하는 것.."

블로그를 운영하면서 중요한 부분 중 하나는 구독자들이 게시물을 발견하고 읽을 수 있도록 하는 것입니다. 일반적으로 블로그 방문자는 직접 URL을 입력하는 대신 검색 엔진을 통해 찾아오게 됩니다. 그러므로 블로그가 검색 엔진에 노출되려면 sitemap.xml 또는 robots.txt 파일을 검색 엔진에 제공해야 합니다.

React는 주로 클라이언트 측 렌더링(CSR)을 사용하므로 기본적으로 정적인 HTML 문서로 제공되지 않습니다. CSR 웹 애플리케이션은 브라우저에서 실행되기 전에 필요한 파일을 다운로드하기 때문에 검색 엔진이 웹 애플리케이션의 콘텐츠를 탐색하기 어려워집니다.

이로 인해 검색 엔진이 블로그 글을 효과적으로 수집하고 사용자의 검색어에 따라 결과로 노출시키기 위해 정적 페이지(SSR 또는 Prerendering)를 고려해야 합니다. 이를 통해 검색 엔진은 웹 어플리케이션의 컨텐츠를 적절히 인식하고 사용자에게 정확한 검색 결과를 제공할 수 있게 됩니다.

sitemap.xml 또는 robots.txt 에 대해 더 알고 싶다면..
2024.01.08 - [생활/블로그] - SSR 웹 애플리케이션과 웹 크롤러 로봇

<Next.JS 13 - SEO> SSR 웹 애플리케이션과 웹 크롤러 로봇

 

”그럼 단순히 정적인 파일로 웹서비스를 구성하기 위해 NEXT.js를 쓰는 것인가? “

NEXT.js를 사용하면서 최적화는 매우 중요한 포인트입니다. React 기반의 프레임워크로 개발되었기 때문에 랜더링을 유연하게 다룰 수 있는 특징이 있습니다. 그러나 Pure React와 비교할 때 무조건적으로 NEXT.js를 선택하는 것이 항상 좋은 것은 아닙니다. 상황에 따라 최적의 선택이 다를 수 있습니다.

규모가 작고 브라우저에서 사용자와 상호작용이 많으며 서버의 데이터 요청이 적은 애플리케이션의 경우 Pure React가 개발 및 유지보수 측면에서 더 유리할 수 있습니다. 반면에 규모가 크고 서버 요청량과 데이터 양이 많으며 사용자 데이터와 관련된 민감한 정보가 있는 경우, 그리고 서비스를 분리하여 제공해야 하는 경우에는 NEXT.js가 더 적합할 수 있습니다.

물론 NEXT.js는 Pure React의 합집합으로 볼 수 있지만, 애플리케이션의 스케일, 가용 가능한 서버의 성능, 개발자의 숙련도 등 다양한 상황을 종합적으로 고려하여 결정해야 합니다. 본인이 블로그를 개발하는데 NEXT.js를 채택한 이유는 앞으로 제작할 블로그의 기능이 SSR, CSR의 장점이 둘 다 필요하며, 물리적인 서버의 부족함도 있기 때문에 이를 동시에 처리할 수 있는 NEXT.js를 선택하게 되었습니다.

이제는 선택한 기술 셋을 기반으로 클라우드 서버를 구성하는 작업을 이어하겠습니다.