1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

DevOpsAdvent Calendar 2018

Day 17

Netlify で Devops 的にサイトを管理してみる

Posted at

Netlify で Devops 的にサイトを管理してみる

Netlify はサイトをホスティングできるサービスですが、GitHub にサイトのデータを置いて連携していく感じです。

前提条件

  • GitHub に適当なレポジトリを作成して、適当な index.html でもコミットしておきましょう。

とりあえず Netlify に登録

Netlify に行って、右上の Sign up をクリックします。

netlify_001.png

今日は GitHub と連携したいので、GitHub でサインアップしてください。

レポジトリろ連携します

netlify_002.png

New site from Git をクリックします。

netlify_009.png

GitHub をクリックします。

作成しておいたレポジトリを選択してから、Deploy site をクリックします。

これで、連携できました。

サイトを表示してみる

連携後に表示された画面に URL(https://<サブドメイン>.netlify.com/) が書かれているのでクリックしてみましょう。
GitHub にコミットしていた HTML が表示されると思います。

サイトを修正してみる

index.html を修正してコミットしなおしてみます。
コミット後に、修正されたサイトが表示されるはずです。

まとめ

コミットしたら、自動デプロイされるというちょっと DevOps 的なサイト公開フローになったと思います。
Netlify へのレポジトリ登録も DevOps 的に Terraform でやろうとしたのですが、時間不足でうまくいかなかったのでまた今度やりたいと思います。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?