개발자
Next.js SSR을 언제 사용하는게 좋을까요?
현업에서 Next.js 사용할 때, 인증 처리를 미들웨어에서 처리한다면 SSR을 어떤 상황에서 자주 사용하나요? SSG와 동적인 데이터들은 클라이언트 사이드에서 호출해서 불러오는게 매번 페이지를 만드는 것보다 낫지 않을까 라는 생각에 SSR을 더 안사용하려고 하는것 같아서 질문남겨봅니다!!
답변 1
동적인 데이터는 당연히 API 연동하여 가져오는 것이 좋겠지요. 제가 생각했을 때 SSR 을 쓰는 이유는 SEO 때문입니다. Google 의 SEO Bot 이 페이지를 크롤링 할 때 관련된 내용들이 잘 정리되어있어야 SEO 점수가 올라갑니다. SSR / CSR 은 컨텐츠의 랜더링이라 SEO 의 또 다른 기준이 되는 페이지의 속도와도 연관이 있는 부분이라, SSR / CSR 의 적당한 구분이 SEO 적으로 좋다고 생각합니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 04월 12일
Next.js의 SSR(Server Side Rendering)은 특정 상황에서 매우 유용합니다. 1. SEO(Search Engine Optimization): SSR을 사용하면 검색 엔진이 사이트의 내용을 쉽게 이해할 수 있어, SEO에 도움이 됩니다. 2. 초기 로딩 성능 개선: 클라이언트 사이드 렌더링과 달리, SSR은 서버에서 페이지를 미리 생성하므로 사용자가 페이지를 처음 로딩시에 바로 데이터가 보여지기 때문에 초기 로딩 속도가 빨라집니다. 현업에서 인증 처리를 미들웨어에서 하더라도, 위와 같은 이유로 SSR을 사용하는 경우가 많습니다. 그러나 SSG(Static Site Generation)와 CSR(Client Side Rendering)에 비해 서버 부하나 실행 시간 등의 비용이 발생하기 때문에 어떤 방식을 선택할지는 프로젝트의 요구사항과 환경에 따라 결정해야 합니다. 동적인 데이터를 처리하는 경우, CSR을 통해 클라이언트 사이드에서 API 호출을 하는 방법도 있지만, 이 경우 사용자는 필요한 데이터를 모두 받아올 때까지 화면을 볼 수 없게됩니다. 반면, SSR은 처음부터 완성된 페이지를 제공하므로 이런 문제를 해결할 수 있습니다. 따라서, 비용과 퍼포먼스, 개발 환경 등 다양한 요소를 고려하여 최적의 접근 방식을 선택하는 것이 중요합니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!