요구사항 분석

  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;
    }
    

    image.png

  2. Publish

    image.png

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

새롭게 알게 된 사실

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

    image.png

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

    image.png

결과

Screen Recording 2025-10-27 at 5.47.52 PM.mov

image.png

스크린샷 2026-01-30 오전 11.07.49.png