feat/#804 빌드 타임을 개선한다

[cruelladevil]

작업내용

github action을 수정하여 .cache 폴더와 public 폴더를 캐싱하여 빌드 타임을 개선합니다.
gatsby는 캐싱된 .cache 폴더와 빌드된 결과물인 public 폴더를 통해 incremental build를 지원합니다.

• actions/cache@v3를 이용하여 .cache와 public을 캐싱합니다.
• peaceiris/actions-gh-pages@v3를 이용하여 빌드된 public폴더를 gh-pages 브랜치에 push합니다.

개선전

개선후

리뷰 참고사항

위의 개선 이미지는 fork한 저의 레포지토리에서 확인한 결과물입니다.

🚨 v3부터 추가 된 기능이라 v3 이전에는 build 스크립트에 GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES: true가 필요합니다.
현재 PR에는 적용해놓지 않았는데 빌드 타임 개선이 먼저 머지가 되어야 한다면 추가하고 머지하면 될 것 같아요 😊

Gatsby v2 introduced experimental “Conditional Page Builds” (enabled by GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES environment variable). It had some gotchas and quirks, and it wasn’t ready yet for GA. With Gatsby v3, we improved this feature and activated it by default for everyone! So incremental builds is available in OSS now.

.circleci 폴더에 빌드 테스트 yml이 작성되어 있는 것을 확인하였는데요. 현재 프로젝트에서 CircleCI를 사용하고 있는지 궁금합니다. github action으로도 충분히 가능한 부분이라 생각하여 CircleCI 사용은 불필요한 것 같습니다.

참고자료

• https://www.gatsbyjs.com/docs/reference/release-notes/v3.0/#incremental-builds-in-oss
• https://junghyeonsu.com/posts/gatsby-shovels-and-hacks/#github-action을-이용해서-자동으로-배포할-때-빌드-속도를-높여보자
• https://github.com/actions/cache/tree/v3/
• https://github.com/peaceiris/actions-gh-pages/tree/v3/

관련 이슈

close #804

[cruelladevil]

• 점진적 빌드를 먼저 적용시키기 위해 GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES: true 를 추가합니다.
• CircleCI는 사용하지 않으므로 삭제합니다.