BuyChain은 다소 복잡한 B2B 공급망 제품을 설명하면서도 빠르고 업데이트하기 쉬운 사이트가 필요했다. 나는 프론트엔드 구축을 이끌었다. 여러 절충점을 따져본 뒤 Jamstack 방식 — 정적 프론트엔드에 콘텐츠는 별도로 관리하는 구조 — 을 제안했고, 출시까지 맡아 진행했다. BuyChain 팀에게 콘텐츠를 매일 어떻게 운영할지 직접 안내해서, 인수인계 후에도 그 선택이 유지되도록 했다.
내가 만든 것
- Astro 프론트엔드: Astro의 아일랜드 아키텍처로 만들어, 인터랙티브한 부분만 필요한 곳에서 하이드레이션되고 나머지는 정적 HTML로 전달된다. 덕분에 페이지 로딩이 빠르게 유지된다.
- Directus CMS: Directus를 콘텐츠 계층으로 설정하고 그 뒤의 SQL 스키마까지 잡아서, 지역화된 페이지와 마케팅 콘텐츠를 모두 한곳에서 관리하도록 했다.
- 정적 빌드 파이프라인: 콘텐츠는 빌드 시점에 Directus에서 가져와 읽기 전용 정적 페이지로 만들어진다. 그래서 실제 사이트가 CMS로부터 격리되고 호스팅 비용도 저렴하다.
왜 중요했나
콘텐츠가 CMS에 있고 사이트가 정적으로 다시 빌드되기 때문에, BuyChain 팀은 개발자를 기다리지 않고도 새 랜딩 페이지와 버티컬을 만들 수 있다. 이는 반복되던 병목을 없앴고 호스팅 비용도 낮게 유지했다.