「Next.jsで開発したサイトを公開したいけど、Xサーバーにアップしても表示されない…」
そんな悩みを抱えている方は多いのではないでしょうか。
この記事では、Next.jsの本番公開に必要な環境や、Xサーバーとの連携方法、Vercel・VPSなどの選択肢について詳しく解説します。
XサーバーだけではNext.jsを本番公開できない？
- Xサーバー（通常のレンタルサーバー）だけでNext.jsの本番サイトを公開できますか？
基本的には難しいです。ただし、一部の条件やプラン次第で可能な場合もあります。
解説
Next.jsはサーバーサイドレンダリングやAPIルーティングを使う場合、Node.jsの実行環境が必要です。Xサーバーの共用レンタルサーバー（通常プラン）ではNode.jsの常時稼働やポート開放が制限されており、Next.jsを本番運用するには適しません。
ただし、SSHログインが可能なプランや環境では、Node.jsをインストールしてNext.jsを動作させることもできます。ただし、共用サーバーでのNode.js運用はサポート対象外であり、安定性や管理面でリスクがあるため、本番運用には推奨されません。
また、Next.jsを静的なHTMLとしてエクスポート（next export）すれば、Xサーバーでも静的なWebサイトとして公開可能です。ただし、この場合はSSRやAPI Routesなどの動的な機能は使えません。
Next.jsを公開するにはどんなサーバーが必要？
- Next.jsを本番公開するには、どんなサーバーやサービスが必要ですか？
Vercel、Render、VPS（例：Xserver VPS、ConoHa VPS）などが必要です。
解説
Next.jsはNode.jsの実行環境が必要なため、これらのサービスを利用することで簡単に本番運用が可能です。
VercelはNext.jsの公式推奨ホスティングサービスで、GitHub連携による自動デプロイやサーバーレスAPIの利用が可能です。
Renderはフルスタック対応で、Node.jsやデータベースも扱いやすい点が特徴です。
VPSはNode.jsやPHP、MySQLなどを自由にインストール・設定でき、サーバー構成を自分でコントロールしたい方におすすめです。
| 選択肢 | 特徴／おすすめ理由 |
|---|---|
| Vercel | Next.js公式推奨。無料枠でも個人・中小サイトには十分。商用ならProプラン検討。 |
| Render | フルスタック対応で、Node.jsもDBも扱いやすい。Vercelより自由度高め。 |
| Xserver VPS | Node.jsを手動でインストールすればNext.js稼働可。PHPとの併用も可能。 |
XサーバーとNext.jsは併用できる？
- Next.jsとXサーバーの併用は可能ですか？
はい、可能です。Next.jsはVercelで公開し、PHPやMySQLをXサーバーで動かす構成が一般的です。
解説
例えば、フロントエンド（Next.js）はVercelやRenderでホスティングし、バックエンドAPIやデータベース（PHP/MySQL）はXサーバーで運用する構成が考えられます。
Next.js側からfetch()などでXサーバー上のAPI（例：https://example.com/api.php）にアクセスすることで、会員サイトや問い合わせフォームなどの動的処理も実現できます。
VPSを使うメリットはある？
- VercelではなくVPSを使うメリットはありますか？
サーバー構成を自由にしたい人や、PHPとの密な連携を行いたい人にはVPSの方が向いています。
解説
VPS（例：Xserver VPSやConoHa VPS）を選べば、Node.jsやPHP、MySQLなどを自由にインストール・設定できます。
サーバーの設定や管理を自分で行うことで、柔軟な運用が可能です。
ただし、サーバーの保守やセキュリティ管理は自分で行う必要があるため、初心者にはややハードルが高い点に注意してください。
商用利用ではVercel無料プランで十分？
- 企業や商用でNext.jsを使う場合、Vercelの無料プランで足りますか？
小規模であれば足りますが、法人サイトや会員制サービスならProプラン以上が推奨です。
解説
Vercelの無料プラン（Hobby）は個人・非営利目的に限られており、商用利用はできません。
商用利用にはProプラン（月額20ドル～）が必要で、信頼性やリソース確保のためにも推奨されます。。
まとめ
結論として、Xサーバーの通常のレンタルサーバーではNext.jsの本番環境を構築することはできません。Next.jsはNode.jsの実行環境を必要とするため、XサーバーのようなPHP専用環境では対応できないのです。
Next.jsを本番運用する場合は、VercelやRenderなどのホスティングサービス、またはXserver VPSやConoHa VPSのようなVPS環境を使う必要があります。これらのサービスではNode.jsのインストールや常時稼働が可能なため、Next.jsをスムーズにデプロイ・公開できます。
一方で、PHPやMySQLを使ったAPIは、引き続きXサーバーで運用することができます。そのため、Next.jsとPHP/MySQLを連携させる場合は、フロントエンドはVercelなどで、バックエンドAPIはXサーバーに置くという構成が効果的です。
なお、静的なHTMLサイトやWordPressサイトについては、これまで通りXサーバーで十分対応可能です。用途に応じて適切な環境を選ぶことが、安定したWeb運用の鍵になります。
