みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Netlify

NetlifyにホスティングしたサイトにBasic認証を設定する 🔐

_headerで設定できます。blog.kimizuka.org 設定方法 ❶ Pro以上のプランにアップグレードするwww.netlify.com❷ _headersを作成する /* Basic-Auth: user:password※ ユーザー名: user パスワード: password の例❸ ルートディレクトリに_headerを置く以上です。…

Netlifyにホスティングしたサイトのレスポンスヘッダーを調整する 📡

公式のドキュメントにすべてが書いてありました。 設定方法は2パターンあるようです。docs.netlify.com ❶ _headersファイルを作る /* X-Frame-Options: DENY X-XSS-Protection: 1; mode=blockこんな感じで、レスポンスヘッダーに設定したい内容を_headerとい…

NetlifyとGitの連携を解除する(解除できない) 🔪

行きは良い良い的な話です。NetlifyとGitを連携させるのは超簡単で、GitにPushするだけでNetlifyにデプロイされるように設定すると運用がすごく楽になります。 が。一度連携させると解除する方法がないような気がします。 (別のGitと連携させなおすことはで…

Nuxt.js + microCMS + NetrifyでJAMstackを実装しつつAPIキーを隠す 🔑

micoCMSを使った実装 基本的には公式のブログの通りに実装すればOKです。microcms.io .env API_KEY=XXXXXXXXXXXX nuxt.config.js require('dotenv').config(); const { API_KEY } = process.env; const isDevelop = process.env.NODE_ENV !== 'production'; …

サーバにインストールしたGitLabとNetlifyを連携させる 🦊

いつもはGitHubやBitbucketと連携して使うことの多いNetlifyですが、初めてGitLabと連携させてみました。GitHub、Bitbucketと並列にGitLabボタンもあるので、いつもと同じように連携できるのかと思いきや、リポジトリがひとつも見つかりません。 どうやらサ…

Netlify DNSで設定したDNSレコード(This is a system record that cannot be managed directly)を削除するまでの道のり 🛣

docs.netlify.com今回は登録手順は記載しませんが、Netlifyにホスティングしたページにカスタムドメインを設定するのは楽々です。が。設定したカスタムドメインを削除するのがやたら大変だったので、手順をまとめておきます。 ことの発端 Netlify DNSに登録…