本文へ移動

NEXT.JS / REACT + COOLIFY

Next.js/React+Coolify
サイト制作

会社・お店のサイトを Next.js(React)で制作し、Coolify を使ってお客様の VPS(自社サーバー)で公開します。サーバー費用を月額固定で運用したい方向けのプランです。

原稿・写真・ロゴは、ご用意をお願いしています。
VPS の初期設定と Coolify の導入は、当社で行います。

5ページ以内121,000円
10ページ以内154,000円
15ページ以内187,000円
16ページ以上お見積もり
すべて税込。Coolify の導入・設定費(33,000円)を含みます。VPS の利用料は、お客様のご負担です。

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日時点、税込・月払い)。

さくらのVPS 2GB・4GB プランの料金(2026年10月17日時点)
2GB プラン4GB プラン
月額(石狩〜東京リージョン)1,738円〜1,958円3,520円〜3,960円
CPU・メモリ仮想3コア・2GB仮想4コア・4GB
ストレージSSD 100GBSSD 200GB
用途の目安このサイトのみほかのサイトやシステムも同じサーバーで動かす
  • 年払いにすると、月あたりの料金が下がります。最低利用期間は3か月です。
  • ほかの VPS でも構築できます。すでにご契約の VPS がある場合は、利用できるかを確認します。
  • プランは、載せるサイトやシステムをお伺いしたうえでご提案します(用途の目安は当社の見立てです)。
  • 料金・条件は各社の公式サイトの情報です。変更されることがあるため、ご契約の前に最新の情報を確認します。

DIFFERENCE

Vercel と Coolify(自社サーバー)の違い

大きな違いは、サーバーの管理を誰が担うかです(2026年10月時点の各社の公式情報にもとづきます)。

MANAGEDVercel
SELF-HOSTEDCoolify(自社のサーバー)
サイトの制作(コード・デザイン)
当社(制作)
当社(制作)
デプロイ(公開作業)
Vercel が自動で実行
Coolify が自動で実行
SSL証明書
自動で発行
自動で発行
CDN(高速配信)
標準で付属
なし(必要なら別途契約)
OS のアップデート・ファイアウォール
Vercel が管理
サーバーの管理者
データベース
外部サービスを別途契約
同じサーバーに構築できる
バックアップ・復元
デプロイ履歴から戻せる
サーバーの管理者
費用
Pro プラン月20ドル〜。利用量に応じて加算
Coolify は無料。VPS の利用料が別途
  • サービス側で対応
  • お客様または当社で対応
  • 別途用意が必要
  • Coolify はサーバー費用を固定しやすい反面、OS のアップデート・監視・バックアップは、サーバーの管理者の責任になります。
  • 当社に任せる場合の内容は、次の「公開後のサーバー保守」をご覧ください。

AFTER LAUNCH

公開後のサーバー保守

公開後のサーバー保守は、お客様ご自身で行うか、当社に任せるかをお選びいただけます。

  • 01

    お客様で管理する

    OS のアップデート、バックアップ、監視は、お客様で行っていただきます。当社は公開までの設定を行い、設定内容をまとめた資料をお渡しします。

  • 02

    当社に任せる(月8,800円)

    OS と Coolify のアップデート、アップデート後の動作確認、バックアップと復元テスト、死活監視を当社で行います。保守または運用支援に追加する形です。

  • 03

    サイトの更新も任せる

    サーバー保守に加えて、文言の修正やページの追加も任せたい場合は、運用支援(月28,400円から)にサーバー保守を追加します。

  • ※当社に任せる場合の月額は、保守と合わせて26,800円、運用支援(ベーシック)と合わせて37,200円です(税込)。
  • ※対応は営業時間内です。即時の対応や当日中の復旧を保証するものではありません。
  • ※保守・運用支援の詳しい内容は、React/Next.js等 運用支援のページをご覧ください。

PROCESS

進め方

原稿・写真・ロゴがそろってからの流れです。

  1. 01お客様・当社

    ヒアリング

    業種、必要なページ、デザインのご希望、VPS の契約状況をお伺いします。

  2. 02当社

    デザインのご提案

    業種に合わせて、配色・フォント・レイアウトをご提案します。

  3. 03お客様・当社

    VPS の準備と制作

    お客様名義で VPS をご契約いただき、当社で初期設定(ファイアウォールを含む)と Coolify の導入を行います。あわせて Next.js でサイトを制作し、確認用の環境でご確認いただきます。

  4. 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 の契約状況をお知らせください。内容を確認のうえ、対応範囲と費用をご案内します。

※パスワードやAPIキーなどの機密情報は、最初のフォームには入力しないでください。
REQUIRED
OPTIONAL
ファイルを添付(任意)
ここにファイルをドラッグ&ドロップ またはクリックしてファイルを選択 画像・PDF・テキスト・Word・Excel・zip/合計512MBまで・10ファイルまで(大きな複数ファイルはzip推奨)
ログイン情報やパスワードを含むファイルは添付しないでください。 画面のスクリーンショット、会社案内、既存の原稿などを添付いただけます。機密情報は、必要になった段階で安全な共有方法をご案内します。
送信する→