はじめに

サービス名などの検討が完了したので次に独自ドメインの取得をして設定をしていきたいと思います。
設定後に「google-analitycs」や「ASP」の登録などを行いたかったので取得を行うことにしました。
Cloudflare Pagesのドメインのままでも運用は可能だとは思いますが、味気ないので取得して設定をします。

なんと言っても1年であれば「1円」で取得することも可能なので取得していきます。
ただ、2年目の更新時に年間「約1000円」ぐらい掛かりますが最小構成で構築しているのでランニングコストがそれだけしか発生しないのなら悩む必要もないので取得していきます。

お名前.comでの取得方法

手順

1. アカウント開設 入力に必要事項を記入する
2. ログインしてダッシュボードで取得予定のドメインを検索する
3. 任意のドメインを選択してお支払い画面に遷移する
4. お支払い情報を入力して完了となります
   • ※ 入力画面から遷移するとダイアログでレンタルサーバーの加入が進められますが加入しないようにしましょう。

1年間は1円で利用可能となっておりますので、3日坊主でやめてしまっても解約すれば1円しかコストが発生しないことになるので、ブログをやると決めたのであれば、ドメインを取得しておくと良いと思います。
これで、ドメインの取得は完了したので次にCloudflare Pagesに取得したドメインを登録します。

Clourdflare Pagesでドメイン追加

手順

1. Clourdflare Pagesの管理画面 を開きます
2. 「Pages」を押下して設定するプロジェクトを選択する
3. タブバーの「カスタムドメイン」を押下します
4. 入力フォームに取得したドメインを追加して次へ
5. DNSを構成に遷移したら「DNS移行を開始」を押下する
6. 入力フォームに再度取得したドメインを入力して「サイトを追加」を押下する
7. プランを選択する画面で「Free 始める」を押下します
8. DNSレコードの追加は任意ですが何も入力せずに「続行」を押下します
9. Cloudflareで生成されたネームサーバー情報をお名前.comに追記します
10. ダッシュボードに遷移してネームサーバーの初期設定を選択します
11. 「他のネームサーバーを利用」を押下します
12. 「1プライマリネームサーバー」と「2セカンダリネームサーバー」を入力して「確認画面へ進む」を押下します
    • ※ ダイアログで加入が進められますが加入しないように注意します
13. お名前.comの設定が完了したらCloudflareに戻って設定を進めていきます
14. 残りは進められるがままにONに設定して次へ遷移してネームサーバーのチェックを行いましょう
    • ※ 不要な項目は適宜判断してON/OFF切り替えましょう
15. 再度「Pages」に遷移してカスタムドメインを選択して有効化しましょう

以上でセットアップが完了しました。
手順は多いですが特に詰まる事も無く難なく設定する事ができました。

おわり

Cloudflare pagesのダッシュボードを覗いていたらBeta版でカスタムドメインのメールアドレスを無料で設定できるようですので、必要になったら作成してみまようと思います。
お名前.comでの取得も想像よりも簡単に取得することができたので驚きました。
次回はgoogle analitycsでアクセスの集計を行います。