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

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

Netlify

NetlifyでNetlify DNSを使わずに自前のサブドメインを使用する 💻

かつて、Netlify DNSからDNSレコードを削除するのに大変苦労した覚えがありまして、Netlify DNSを使わずに自前のサブドメインを使用する方法を探っていたのですが、普通にCNAMEを設定すればOKでした。blog.kimizuka.org 手順 ❶ サブドメインの登録 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です。https://microcms.io/blog/nuxt-secure-api-key/microcms.io .env API_KEY=XXXXXXXXXXXX nuxt.config.js require('dotenv').config(); const { API_KEY } = process.env; const isDeve…

サーバにインストールした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に登録…