個人開発者向けレンタルサーバー・VPS比較｜Next.jsサイトを公開する方法
※本記事にはプロモーションが含まれます
- この記事で分かること
- Next.jsサイトの公開先をVercel・国内レンタルサーバー・VPSで比較し、このブログを実際にどこへ置いたかも含めて整理
- 実際に使った環境
- このブログ自体をNext.js(App Router)+ Markdownで構築し、Vercelにデプロイして運用しています
Next.jsでサイトを作ったものの、「どこにデプロイすればいいのか分からない」という相談をよく受けます。実は選択肢によって、費用も運用の手間もかなり変わります。この記事では、実際にこのブログをNext.jsで構築している立場から、公開先の選び方を整理します。
まず結論:目的別のおすすめ
- 個人ブログ・ポートフォリオを最速で公開したい → Vercel(Next.js開発元が提供、無料枠あり)
- 独自ドメインで日本語サポートを受けながら運用したい → 国内レンタルサーバー(ConoHa WINGなど)
- サーバーの設定を自分でコントロールしたい・複数サイトを運用したい → VPS(ConoHa VPS、さくらのVPSなど)
それぞれ向き・不向きがあるので、順番に解説します。
💭 悩んだ末に気づいたこと
このブログを作り始めたとき、実は一番悩んだのが「サーバーどうしよう」問題でした。WordPressの経験しかないと、「ブログ=レンタルサーバーを借りるもの」という思い込みがどうしてもあります。でもNext.jsのような静的サイトの場合、その常識は一旦捨てたほうがいいというのが正直な感想です。記事はビルド時にすべてHTMLに変換されるので、従来型のレンタルサーバーで動かす必要性自体が薄い。実際にこのプロジェクトも`npm run build`だけで全ページが静的ファイルとして生成されることを確認済みで、あとはそれをどこにホスティングするかだけの話になります。「サーバーを借りる」から「デプロイ先を選ぶ」に頭を切り替えると、選択肢の見え方がだいぶ変わってきます。
Vercel|Next.jsとの相性を最優先するなら
Vercelは Next.js を開発している会社が提供するホスティングサービスで、GitHubリポジトリと連携するだけで自動ビルド・自動デプロイが完了します。設定ファイルをほぼ書かずに済むため、Next.jsサイトを公開する最短ルートと言えます。
メリット
- Next.jsの新機能への対応が最速
- GitHub連携でpushするだけで本番反映
- 個人利用なら無料枠で始められる
注意点
- アクセス数やビルド時間が増えると有料プランへの移行が必要になる
- サーバーの内部設定を細かくいじりたい人には向かない
国内レンタルサーバー|サポートの手厚さを重視するなら
国内のレンタルサーバー(ConoHa WING、mixhostなど)は、月額数百円〜千円台からNext.jsサイトをNode.js対応環境やコンテナ機能でホスティングできるプランを用意しているサービスが増えています。日本語のサポート窓口があるため、トラブル時に問い合わせしやすいのが強みです。
向いている人
- 海外サービスの英語サポートに不安がある人
- ブログ以外にメールアドレスやWordPressサイトも同じ契約でまとめて運用したい人
3社の詳しい比較はXserver・ConoHa WING・mixhost徹底比較にまとめています。
VPS|自由度と拡張性を重視するなら
VPS(仮想専用サーバー)は、サーバーのOSレベルから自分で設定できるのが特徴です。Node.jsのバージョン管理や、複数のNext.jsプロジェクトを1台にまとめて運用するといった、細かいコントロールが可能になります。
メリット
- サーバー設定の自由度が高い
- 複数サイト運用時のコストを抑えやすい
注意点
- サーバーの初期設定・セキュリティ対策を自分で行う必要がある
- ある程度Linuxコマンドの知識が求められる
複数のサイトやアプリを1つの環境で運用したい人、サーバー構築の勉強も兼ねたい人には向いていますが、それ以外の目的では今の自分には過剰だと感じています。
比較表
| 選択肢 | 初期設定の手間 | カスタマイズ性 | サポート | こんな人向け |
|---|---|---|---|---|
| Vercel | 少ない | 中 | 英語中心 | とにかく早く公開したい人 |
| 国内レンタルサーバー | 中 | 中 | 日本語で手厚い | 初めてサイトを公開する人 |
| VPS | 多い | 高い | 基本的に自己解決 | サーバーごと管理したい人 |
料金の目安(2026年9月時点)
| 選択肢 | 料金 |
|---|---|
| Vercel | Hobby(個人利用)は無料。帯域幅は月100GB・Edge Requestsは月100万件まで。上限を超える・商用利用する場合はProプラン(月20ドル、帯域幅は月1TB)への切り替えが必要 |
| 国内レンタルサーバー | 月500円台〜が目安(3社の詳細な料金はXserver・ConoHa WING・mixhost徹底比較にまとめています) |
| VPS | 月600〜900円台〜(さくらのVPSは512MBプランで月643円〜、ConoHa VPSは1GBプランで月880円〜。データセンターやプランのグレードで変動します) |
注意
このブログ自体はVercelのHobbyプラン(無料)で運用していますが、Hobbyプランは個人・非商用利用が前提です。アフィリエイト収益が事業規模になってきた場合はProプランへの切り替えが必要になる点は、[Vercelの無料枠の記事](/blog/vercel-free-tier-limits)でも触れています。料金は改定されやすいため、契約前に必ず各社の公式サイトで最新情報をご確認ください。
実際にこのブログをNext.jsで作った流れ
このブログ自体もNext.js(App Router)で構築しています。記事はMarkdownファイルで管理し、ビルド時に静的なページとして生成する構成にしているため、表示速度とSEOの両方を意識した作りになっています。
構築の過程で地味に時間がかかったのは、実はデザインよりも「ドメイン名をどうするか」でした。サイト名は決まっても、それに対応する.comが空いているとは限らず、結局いくつも候補を出しては空き状況を確認する、という作業を繰り返すことになります。この点は次の記事で改めて詳しく書こうと思っています。
よくある質問
Q. VercelとNext.js以外のNode.jsアプリでも使えますか? A. Next.js以外のフレームワーク(React、Astroなど)にも対応していますが、Next.jsを使う場合が最も設定が少なく済みます。
Q. 途中でVercelから国内サーバーに乗り換えることはできますか? A. 可能です。コードはGitHubリポジトリにあるので、デプロイ先を変えるだけで移行できます。ただし、独自ドメインのDNS設定は都度変更が必要です。
Q. WordPressと同時に運用したい場合は? A. WordPress側は国内レンタルサーバー、Next.jsブログはVercelというように、用途ごとにサーバーを分けて運用するのが一般的です。
今のところの結論
Next.jsサイトの公開先は「最速で公開したいか」「日本語サポートが欲しいか」「自由度を優先するか」で選ぶのが一番シンプルです。このブログは無料枠のVercelで公開したまま今も運用していて、今のところ国内サーバーやVPSへ移行する必要は感じていません。