Next.js의 서버 렌더링

 

서버 렌더링의 이점

• 데이터 가져오기: 데이터를 서버에서 직접 가져오면 더 빨리 가져올 수 있고, 클라이언트에서 요청할 필요가 줄어들어 성능이 좋아짐.
• 보안: 중요한 정보나 로직을 서버에만 두면 클라이언트에게 노출되지 않아 보안이 강화됨.
• 캐싱: 서버에서 렌더링한 결과를 저장해서 나중에 재사용하면, 매번 새로 렌더링할 필요가 없어서 성능이 좋아지고 비용도 절감됨.
• 성능: 인터랙티브하지 않은 부분을 서버에서 렌더링하면 클라이언트에서 처리할 JavaScript가 줄어들어서, 느린 인터넷이나 성능이 낮은 기기에서도 더 나은 경험을 제공할 수 있음.
• 초기 페이지 로드: 서버에서 HTML을 미리 생성하면, 사용자가 페이지를 더 빨리 볼 수 있음.
• 검색 엔진 최적화: 서버에서 렌더링한 HTML을 검색 엔진이 인덱싱하기 쉽고, 소셜 네트워크에서 미리보기를 잘 생성함.
• 스트리밍: 렌더링 작업을 나누어서 준비된 부분부터 클라이언트로 보내면, 사용자가 페이지의 일부를 더 빨리 볼 수 있음.