프리렌더링 HTML 서빙으로 SEO 개선하기

요구사항 분석

1. 검색엔진에 노출시킬 필요가 있다.

설계

1. CloudFront Function + 사전 생성 HTML

   function handler(event) {
       var request = event.request;
       var userAgent = request.headers['user-agent'] ? request.headers['user-agent'].value : '';
       
       if (/googlebot|bingbot|bot|crawler|spider/i.test(userAgent)) {
           request.uri = request.uri === '/' 
               ? '/prerendered/index.html'
               : '/prerendered' + request.uri + '.html';
       }
       
       return request;
   }

   

2. Publish

   

https://github.com/woowacourse-teams/2025-bom-bom/pull/476

새롭게 알게 된 사실

1. CloudFront Functions는 계정 단위로 관리된다.

   

2. CloudFront Functions를 배포하는데 시간이 좀 걸리니 기다리고, 상태를 바깥에 나와서 확인할 수 있다.

   

결과