https://blog.plzhans.com/tags/ssr/Recent content in Ssr on plzhans blogHugoko-krFri, 11 Sep 2026 13:01:00 +0000https://blog.plzhans.com/posts/128-react-spa-seo-cloudflare-workers-ssr/Fri, 11 Sep 2026 13:01:00 +0000https://blog.plzhans.com/posts/128-react-spa-seo-cloudflare-workers-ssr/<p><picture> <source srcset="https://blog.plzhans.com/posts/128-react-spa-seo-cloudflare-workers-ssr/assets/1_3d822a0f-7e83-8126-8051-dfd669349a3e_hu_a019422e8cbae81c.webp" type="image/webp"> <img src="https://blog.plzhans.com/posts/128-react-spa-seo-cloudflare-workers-ssr/assets/1_3d822a0f-7e83-8126-8051-dfd669349a3e_hu_22bb2352b55ca59c.png" alt="비어 있던 HTML 이 엣지를 지나며 채워지고 크롤러가 그 결과를 읽는 흐름을 나타낸 대표 이미지" width="1200" height="630" loading="lazy"> </picture></p> <h2 id="개요">개요</h2> <blockquote> <p>이 글은 <a href="../124-cloudflare-workers-static-site-guide/">Cloudflare Workers 정적 사이트 가이드 - 배포부터 SEO까지</a> 시리즈의 일부다.</p> </blockquote> <p>React 로 만든 SPA 를 정적 호스팅에 올려 두고 쓰는 경우가 많다. 배포가 단순하고 서버가 없으니 운영할 것도 없다. 비용도 거의 안 든다.</p> <p>그런데 검색을 신경 쓰기 시작하면 곧 벽을 만난다. <strong>서버가 내보내는 원본 HTML 에 검색엔진이 읽을 것이 하나도 없기 때문</strong>이다.</p> <p>이 글은 그 문제를 <strong>백엔드 서버를 새로 세우지 않고</strong> Cloudflare Workers 만으로 풀어 간 기록이다. 세 단계로 나눠 다룬다. 뒤로 갈수록 얻는 것이 크고 손이 많이 간다.</p>