[Korean FE Article] 반응형 사이트 생성기(Reactive Site Generator) Gatsby를 (다시) 소개합니다
글 링크 : https://velog.io/@superlipbalm/re-introducing-gatsby-a-reactive-site-generator
소개
Gatsby는 React 기반 Static Site Generation 프레임워크로 꽤나 인기리에 사용되고 있는데요. Gatsby에서 서비스하는 Gatsby Cloud에서 최근 Reactive Site Generation이라는 새로운 방식을 도입했습니다. 이들이 말하는 Reactive Site Generation는 도대체 무엇인지, 그리고 기존의 Server Side Rendering, Static Site Generation을 사용했을 때 보다 어떤 점이 좋은지 이 글을 통해 살펴보실 수 있습니다. Gatsby를 사용해 구축한 사이트를 개발/운영하고 계신다면 읽어보시길 추천합니다.
tl;dr
Gatsby Cloud의 반응형 사이트 생성(Reactive Site Generation)은 데이터 변경이 발생하면 CDN 캐시를 자동으로 업데이트 합니다.
프로덕션 웹 사이트를 위한 핫 리로딩이라고 할 수 있습니다.
HTTP 1.1에서 도입된 Cache-Control 헤더를 사용해 maxAge를 설정하면 캐시를 좀 더 효과적으로 관리할 수 있습니다.
stale-while-revalidate와 수동 캐시 재검증(manual cache revalidation)을 사용하면 캐시를 보다 빠르고 효율적으로 업데이트 할 수 있습니다.