はじめに

• 静的ページを爆速で公開したい！！（React）
• 独自ドメインを使いたい！！（Route53）
• SSL(HTTPS)対応にしたい！！
• masterマージしたら、自動でデプロイしたい！！（Github）

今回無知ゆえ、3回もアーキテクチャを変えたので備忘録として残します。

① Github => CircleCI => AWS S3
② Github => CircleCI => Firebase Hosting
③ Github => Netlify

① Github => CircleCI => AWS S3

以下、リンクを参考にわりと簡単に構築できました。
ただCircleCI設定ファイルの記述方法のキャッチアップは必要でした。
DockerやVM環境による差異や、CircleCI自体のバージョンによる差異があります。
ちなみにバージョン1.0でもCircleCIのGUI上で、credentialをベタ書きすればWarning出ますが動きます。

• 静的HTML公開フローをサーバレスでDevOps！(Github,CircleCI,AWS S3)　前編
• CircleCIからAWS S3にアップロードする
• はじめてのCircleCI2.0
• まだ間に合う！CircleCI 2.0へ移行する

またLet's EncryptのSSL証明書をcronか、Lambdaなどで自動化する構成にしようと考えていました。

• 無料のSSL証明書 Let's EncryptのSSL証明書（ワイルドカード）を利用する（自動更新）

＿人人人人人人人人人人人人人人人人人人人人人人人人＿
＞　Firebase Hostingだと、よしなにSSLできるよ🤗　＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

② Github => CircleCI => Firebase Hosting

こちらも以下、リンクを参考にわりと簡単に構築できました。
世の中便利ですね本当に。。。

• （初心者向け）Firebase HostingへReactプロジェクトを公開する手順
• AWS Route53のドメインをFirebase Hostingのカスタムドメインに割り当てる

＿人人人人人人人人人人人人人人人人人人人人人＿
＞　Netlifyだと、よしなにデプロイできるよ🤗　＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

③ Github => Netlify

こちらも以下、リンクを参考にわりと簡単に構築できました。
世の中便利ですね本当に。。。。。。

• Netlifyで静的サイトのホスティングをする

まとめ

とりあえずNetlifyで良いと思います。