はじめに

サイトを公開する場合、サーバーやドメイン代の費用がかかり、もし利益が出ない場合はもちろんマイナスになります。勉強代にはなりますが。今回はその費用を節約できればと思い記事にしました。

(以下は2025年11月時点の情報です)

Cloudflareは、高度なキャッシュ設定やセキュリティ機能、CDNによる表示速度の向上などが魅力的です。また無料枠が大きいので、ホスティングにはCloudflare Workersを使用します。

お名前.comは、1ドメインであれば最初の1年間は無料で登録できます。2つ目のドメインを登録する場合は有料になりますが、定期的にMAILクーポン（例：3000円）が発行されているので、2つ目のドメインも1年間無料にすることも可能です。

ただし、2年目以降は有料にはなりますが、1年もあればサイトの継続有無も判断でき、

継続する場合：「お名前.comの更新料次第でドメインをCloudflareに移管検討」
継続しない場合：「お名前.comのドメイン解約」

といった計画も可能です。

戦略の全体像：

ホスティング： Cloudflare Workers（無料枠）
DNS/CDN： Cloudflare（無料枠）
ドメイン取得：お名前.com（初年度無料）
2年目以降：更新料次第で、ドメインをCloudflareに移管

手順

1、Next.jsアプリをCloudflare Workersにデプロイする

以下の記事で解説しているので、こちらをご覧ください↓
https://qiita.com/sattoon/items/bdb66ee327741b777aaf

2、お名前.comでドメインを取得

上記にアクセスして取得しますが、2つ目のドメインを取得する場合は有料になるので、MAILクーポンがある方はMAILクーポンを使用してください。（GMAILでお名前.comを登録している場合、プロモーションにクーポンがたまに届きます）

取得したドメインを入力し、検索↓

取得可能なら、そのドメインを選択し、次へ進む↓

以下はなんでも大丈夫ですが、今回はブログ・ホームページを選択↓

レンタルサーバーの表示がでるので削除し、ログイン後、クレジットカード情報を入力してドメインを取得します↓

取得後、明細の確認が可能です。以下はクーポンを使用した例になります↓

ドメインの自動更新解除は、「ドメイン機能一覧」→「ドメインの自動更新」→「自動更新設定OFF」で可能です↓

ドメイン自動更新解除後に「クレジットカード登録情報の削除」が可能です。
右上「マイページ」→「お支払い情報」からクレジットカード情報が削除できます↓

3、cloudflareでドメインを登録（ネームサーバー反映）

cloudflareのアカウントホーム画面で、「ドメインのオンボード」を押下↓

お名前.comで取得したドメインを入力して、続行↓

プランはFreeで大丈夫です。Free選択してまた同じ画面になる場合は、無視してアカウントホームに戻っても大丈夫です↓

アカウントホームで、ドメインが作成されていればOKです。作成したドメインを選択します↓

ネームサーバーをコピーします（クリックしてコピー）↓

お名前.com画面に移動し「ドメイン機能一覧」→「ネームサーバー変更」→「ドメイン選択」→「その他のサービス」→「ネームサーバー1、ネームサーバー2」にcloudflareでコピーした値を貼り付けて、「確認」を押下↓

cloudflare画面に移動し、「ネームサーバを今すぐ確認」を押下↓

押下後、以下のような表示になるので約10分～1日ほど待ちます↓

反映されると以下のようになり、クイックスタートガイドの案内が表示されます↓

4、プロジェクト（Next.js）に独自ドメインを設定

クイックスタートガイド設定は一旦後回しにして、まずはプロジェクトに独自ドメインを設定します。ホーム画面の左側「コンピューティングとAI」→「Workers & Pages」→　「プロジェクト選択」→「設定」→「追加」→「カスタムドメイン」

取得したドメイン名を入力し、ドメインを追加を押下します↓

恐らく以下のエラーになると思いますので、「DNS設定」に移動し、不要なAレコードを削除します↓

レコード削除後、再度カスタムドメインを追加（同じ手順）をすれば、以下のようにカスタムドメインの設定が完了します↓

カスタムドメインのURLでサイト表示をブラウザで確認します↓

https://カスタムドメイン：通常確認
http://カスタムドメイン：http→httpsにリダイレクトされるか確認

URLの正規化をするため、wwwでアクセスした場合は、wwwなしにリダイレクトする設定をしていきます。まず、ホームアカウントで登録したドメインを選択し「DNS」→「レコード」で不要なレコードをすべて削除します。削除後「CNANE」「Woker」のみにします↓（メールなど使用する場合、MXやTXTレコードは残しても大丈夫です）

次に、「ルール」→「ページルール」でリダイレクトの設定をしていきます↓

ページルールを保存したら、wwwでアクセスしwwwなしになるか確認します↓

https://www.カスタムドメイン：wwwなしのリダイレクト確認
https://www.カスタムドメイン/その他のページ：その他のページでもwwwなしのリダイレクト確認

また「workers.dev」「プレビューURL」が不要な場合は、無効にします（表示はカスタムドメインのみにする）↓

終わりに

以上で、最低限の設定は完了したので、後はプロジェクトに合わせてクイックスタートガイドに沿ったセキュリティ設定や、必要に応じてR2（画像保存等）やD1（データベース）なども追加していくと良いと思います。