サイトを作り直した。 それに伴い、デプロイのフローも整備した。 具体的には CircleCI でビルドを行い、S3 へのアップロードや CloudFront のキャッシュのクリアまで行う。 ソースは全部公開してあるので参考にどうぞ。 github.com 前提として、予めサイトは S3 で公開済みであり、CloudFront からの配信、独自ドメインやHTTPSの設定も行ってあった。 なので今回行ったのは、コンテンツの作り直しと、手動で行われていた S3 へのアップロードやキャッシュのクリアの自動化。 CircleCI に入門する機会にしたいという目的もあった。 Gatsby まずはコンテンツの作り直し。 Gatsbyで作成した。 Gatsby は、React を使ってスタティックなサイトをジェネレートするフレームワーク。 このスライドの説明が分かりやすいと思う。 作ったサイトはこれ。 h