Web Architecture게시일 2026-11-026 분 소요
Astro와 React 아일랜드를 활용한 9개 언어 정적 웹 아키텍처
런타임 오버헤드 없이 빌드 타임에 9개국 언어의 HTML을 정적 생성하고 완벽한 hreflang SEO를 달성한 방법.
대다수의 다국어 사이트는 클라이언트에서 번역 데이터를 동적으로 불러오므로 초기 로딩 속도 저하를 겪습니다.
본 사이트는 Astro를 활용하여 빌드 시점에 9개 언어의 모든 페이지를 100% 순수 정적 HTML로 컴파일합니다.
또한 검색 엔진이 국가별 최적 언어 페이지를 정확히 수집할 수 있도록 모든 경로에 hreflang 태그를 자동 주입하여 글로벌 SEO를 극대화했습니다.