핵심 요약
올리브영의 기술 블로그가 Jekyll에서 Gatsby로 전환되며 디자인과 콘텐츠 구성을 개편하고 SEO와 배포 관리가 개선되었습니다.
구현 방법
- Gatsby + TypeScript + Markdown + SCSS로 구조 재편: contents/년-월-일 포스트, src/components, modules, pages, templates
- Netlify 배포 도입 및 Deploy Previews 활용
- SEO를 위한 gatsby-plugin-react-helmet, gatsby-plugin-robots-txt, gatsby-plugin-canonical-urls 도입
주요 결과
- 디자인/콘텐츠의 Look and Feel 일관성과 유지보수성 향상
- 배포 관찰성 증가(미리보기와 로그 확인이 쉬워짐)
- Gatsby 기반 개발로 컴포넌트 계층화와 React 중심 개발이 가능해짐
