NEXT.JS / REACT + COOLIFY
Next.js/React+Coolify
サイト制作
会社・お店のサイトを Next.js(React)で制作し、Coolify を使ってお客様の VPS(自社サーバー)で公開します。サーバー費用を月額固定で運用したい方向けのプランです。
原稿・写真・ロゴは、ご用意をお願いしています。
VPS の初期設定と Coolify の導入は、当社で行います。
FOR WHOM
Coolify が向いているケース
当社では通常、Vercel でサイトを公開しています。次のような場合は、Coolify を使ってお客様の VPS で運用する方法が合います。
- 01
サーバー費用を月額固定にしたい
アクセス数によって料金が変わる従量課金ではなく、毎月決まった金額で運用したい場合。
- 02
ほかのサイトやシステムとまとめて管理したい
すでに VPS でほかのサイトや社内システムを動かしていて、同じサーバーで一元管理したい場合。
- 03
自社のサーバーで運用したい
社内規定などにより、サイトのデータを自社で契約したサーバーに置く必要がある場合。
- ※Coolify は、VPS などに導入して使うオープンソースのサーバー管理ツールです。Vercel と同じように、GitHub へのコードの反映をきっかけにした自動デプロイや、SSL証明書の自動発行に対応しています。
- ※CDN(世界各地から高速に配信する仕組み)は含まれません。海外からのアクセスが多いサイトには、Vercel での公開をおすすめします。
PRICE
料金
ページ数に応じた料金です(税込)。制作費に、Coolify の導入・設定費 33,000円を加えた金額です。このページからそのままお申し込みいただけます。内容を確認したい場合は、先にご相談ください。
制作費+Coolify の導入・設定費制作費は、Vercel で公開する場合と同じです
5ページ以内
121,000円(税込)
88,000円+33,000円。まずは必要なページだけをそろえたい場合に。
10ページ以内
154,000円(税込)
121,000円+33,000円。サービス紹介や事例のページを充実させたい場合に。
15ページ以内
187,000円(税込)
154,000円+33,000円。ページ数の多い会社・店舗のサイトに。
- そのほか
- 16ページ以上個別お見積もり
- サーバー保守(当社に任せる場合)8,800円/月保守または運用支援に追加
- 保守(React/Next.js等)18,000円/月依存パッケージの更新、ビルド・稼働の確認、月次レポート
- 運用支援(React/Next.js等)28,400円/月から公開後の修正・更新も任せる場合
- ※導入・設定費には、VPS の初期設定(SSH 接続とファイアウォールの設定)、Coolify の導入、SSL証明書の設定、GitHub と連携した自動デプロイの設定が含まれます。
- ※原稿・写真・ロゴは、ご用意をお願いしています。写真撮影、ロゴ制作、原稿作成は含みません。
- ※お知らせ・ブログの更新機能と、お問い合わせフォームは含みません。必要な場合は、別途お見積もりします。
- ※ページ数は、独立した1ページを1ページとして数えます。
- ※VPS の利用料とドメイン費用は、お客様のご負担です。VPS は、お客様名義でのご契約をお願いしています(設定と動作確認は当社で行います)。
SERVER
サーバー費用の目安
Coolify 自体は無料のオープンソースです(自社のサーバーで使う場合)。かかるのは、VPS の利用料とドメイン費用です。
必要な VPS のスペック
Coolify の公式ドキュメントでは、CPU 2コア・メモリ 2GB・ストレージ 10GB 以上が必要とされています。参考として、さくらのVPS の料金は次のとおりです(2026年10月17日時点、税込・月払い)。
| 2GB プラン | 4GB プラン | |
|---|---|---|
| 月額(石狩〜東京リージョン) | 1,738円〜1,958円 | 3,520円〜3,960円 |
| CPU・メモリ | 仮想3コア・2GB | 仮想4コア・4GB |
| ストレージ | SSD 100GB | SSD 200GB |
| 用途の目安 | このサイトのみ | ほかのサイトやシステムも同じサーバーで動かす |
- 年払いにすると、月あたりの料金が下がります。最低利用期間は3か月です。
- ほかの VPS でも構築できます。すでにご契約の VPS がある場合は、利用できるかを確認します。
- プランは、載せるサイトやシステムをお伺いしたうえでご提案します(用途の目安は当社の見立てです)。
- 料金・条件は各社の公式サイトの情報です。変更されることがあるため、ご契約の前に最新の情報を確認します。
DIFFERENCE
Vercel と Coolify(自社サーバー)の違い
大きな違いは、サーバーの管理を誰が担うかです(2026年10月時点の各社の公式情報にもとづきます)。
- サービス側で対応
- お客様または当社で対応
- 別途用意が必要
- Coolify はサーバー費用を固定しやすい反面、OS のアップデート・監視・バックアップは、サーバーの管理者の責任になります。
- 当社に任せる場合の内容は、次の「公開後のサーバー保守」をご覧ください。
AFTER LAUNCH
公開後のサーバー保守
公開後のサーバー保守は、お客様ご自身で行うか、当社に任せるかをお選びいただけます。
- 01
お客様で管理する
OS のアップデート、バックアップ、監視は、お客様で行っていただきます。当社は公開までの設定を行い、設定内容をまとめた資料をお渡しします。
- 02
当社に任せる(月8,800円)
OS と Coolify のアップデート、アップデート後の動作確認、バックアップと復元テスト、死活監視を当社で行います。保守または運用支援に追加する形です。
- 03
サイトの更新も任せる
サーバー保守に加えて、文言の修正やページの追加も任せたい場合は、運用支援(月28,400円から)にサーバー保守を追加します。
- ※当社に任せる場合の月額は、保守と合わせて26,800円、運用支援(ベーシック)と合わせて37,200円です(税込)。
- ※対応は営業時間内です。即時の対応や当日中の復旧を保証するものではありません。
- ※保守・運用支援の詳しい内容は、React/Next.js等 運用支援のページをご覧ください。
PROCESS
進め方
原稿・写真・ロゴがそろってからの流れです。
- 01お客様・当社
ヒアリング
業種、必要なページ、デザインのご希望、VPS の契約状況をお伺いします。
- 02当社
デザインのご提案
業種に合わせて、配色・フォント・レイアウトをご提案します。
- 03お客様・当社
VPS の準備と制作
お客様名義で VPS をご契約いただき、当社で初期設定(ファイアウォールを含む)と Coolify の導入を行います。あわせて Next.js でサイトを制作し、確認用の環境でご確認いただきます。
- 04当社
公開
お客様の VPS で公開し、SSL証明書と自動デプロイが正しく動いていることを確認します。
FAQ
よくあるご質問
Q. Vercel と Coolify は、どちらを選べばよいですか。
+A. サーバー管理の手間をかけたくない場合や、海外からのアクセスが多い場合は Vercel をおすすめします。サーバー費用を月額固定にしたい場合や、ほかのサイト・システムと同じサーバーで管理したい場合は Coolify が向いています。ご要望をお伺いしたうえで、合うほうをご提案します。
Q. すでに契約しているサーバーは使えますか。
+A. Coolify を導入できるサーバー(CPU 2コア・メモリ 2GB 以上で、ソフトウェアを自由にインストールできる VPS など)であれば使えます。共用のレンタルサーバーには導入できないため、ご契約内容を確認したうえでお答えします。
Q. サーバーを用意してもらうことはできますか。
+A. VPS は、お客様名義でのご契約をお願いしています。申し込みの手順は、当社でご案内します。
Q. あとから、お知らせやブログを追加できますか。
+A. 追加できます。WordPress で記事を更新できる構成(ヘッドレスCMS型)に拡張できます。費用は、内容をお伺いしてお見積もりします。
Q. あとから Vercel に移行できますか。
+A. 移行できます。サイトは同じ Next.js で作っているため、公開先を切り替える作業で対応できます。費用は、内容をお伺いしてお見積もりします。
CONTACT
Next.js/React+Coolify サイト制作のご相談
業種、必要なページ、VPS の契約状況をお知らせください。内容を確認のうえ、対応範囲と費用をご案内します。
