無料でフルスタックアプリをホストするトップ5の方法 🚀✨
はじめに、いくつかの背景をご紹介します。
最近まで、Heroku にはフリープランがあり、それを使って手軽にデプロイやテストができましたね。本当に使い勝手が良かったです。でもフリープランの廃止で、開発者たちは新しいプラットフォームを探さないといけなくなりました。
幸いなことに、新しいホスティングプロバイダーがどんどん出てきています。でも、どこにデプロイするかを選ぶことは プロジェクトをコーディングするのと同じくらい難しいかもしれません。
そこでこの記事では、アプリを無料でオンラインにホストする方法についていくつかご紹介します。各プロバイダーの得意なところをサクッと見ていきましょう。そうすれば、自分に合った選択ができて、簡単にアプリをオンラインにできます。
目次
ささっとアドバイス
アプリをデプロイする前に、選んだフレームワークのデプロイガイドを読んでおいてください。React、NextJS、Waspなど、最新のフレームワークはすごくいいデプロイガイドを用意していますし、デプロイを簡単にするプラットフォームまで用意しています。
ですから、フレームワークの選択がホスティングプロバイダーに大きな影響を与えるかもしれません！
ちなみに、私たちWaspチームの一員ですが、フルスタックのReact/NodeJS/Prismaフレームワークのチェックやスターを付けることによる支援をしていただけると嬉しいです。
私たちは、開発者がアイデアからデプロイまで出来るだけ早く簡単に行えるように力を入れています(例えば、ワンコマンドでのフルスタックデプロイメント)。サポートしていただけると助かります！
それでは、無料でアプリをホストする素晴らしい選択肢を提供しているクラウドプラットフォームを見ていきましょう。
Vercel
フロントエンドアプリをデプロイするなら、ここがマッチする体験をするのは難しいでしょう。無料プランは本当に良いです。僕は趣味のプランで20個くらいの小さなウェブサイトを運用していますが、使用量にひびを入れることはありませんでした。
その上で、デプロイの簡単さには目を見張るものがあります。
あなたがすることは、GitHubリポジトリを選ぶだけです。メジャーなフレームワークを使っていると検出されれば、多分何も設定しなくてもいいでしょう！Vercelが全てを管理して、数秒でアプリを稼働させます。
残念ながら、バックエンドやデータベースに関しては、Vercelはまだ良い選択ではありません。本当に小さなバックエンド（NodeJSを中心とした）なら、Vercelの関数インフラを使ってここにデプロイしてみることはできますが、実行時間と複雑さには限りがあります。
より複雑なバックエンドについては、以下のプロバイダーを見ていきましょう。
Railway
Railwayは、ウェブアプリやAPIを簡単にデプロイできるプラットフォームです。登録すると、毎月5ドル分の無料使用枠があります。
いくつかのコマンドでアプリをデプロイし、すぐに稼働させることができます。UIもかなりいい感じで、デプロイの経験自体も良好です！
それから、プロジェクトやコンテナを表示する方法が本当に好きです。多くの小さなアプリの代わりに全体像を見るスマートな方法です。時には単純に物事をグループ化することがUXに大きな影響を与えることがここで見られます：
React、Next.js、Node.jsといった人気のフレームワークもサポートしていますし、ワンクリックでデータベースを設定したり、コミュニティが作成したテンプレートを使用することで、プロジェクトにDockerfileを設定するプロセスを大幅に簡略化できます。
基本的な現在の価格はこちらです。毎月もらえる5ドル（あなたが使ってほしいと彼らがくれるお金）で、ちゃんとセットアップすれば（例えば使わない時に自動的にスリープ状態にするなど）、いくつかのプロジェクトを稼働させるのに十分です（2〜3つの小さなウェブサイト、バックエンド、データベースなど）。
アプリ設定ページには、このオプションがあります。ここでは、ドメイン名、ヘルスチェックエンドポイントなど、他にも興味深い設定オプションを変更できます。
Render
Renderは、良好な無料枠を提供し、幅広いアプリケーションをサポートする、ユーザーフレンドリーなクラウドプラットフォームです。アプリケーションのデプロイとスケーリングプロセスを簡略化し、多数のプログラミング言語とフレームワークをサポートしています。
Renderの無料枠には以下が含まれます（月に）：
- 500分のパイプラインビルド
- 100GBの帯域幅
唯一の例外は、Cron Jobsサービスです（特にWaspの組込みジョブを利用する場合には必要ないかもしれませんが、最低月額1ドルの料金が発生します。
機能面では本当に充実しています！データベース、NestJSアプリ、NextJSフロントエンドをデプロイでき、マイグレーションやPrisma ORMも問題なく機能しました！いくつかのイベント追跡機能もあります（ただし、画面に要素が多すぎることもありますが）。
そして、観測性機能もあります！本当に小さなアプリでは使わないかもしれませんが、本番環境でデバッグしている時には、どんなツールも新しい洞察を生むかもしれません。
Fly
Flyは、グローバルエッジコンピューティングに特化したクラウドプラットフォームです。Flyはハイパフォーマンスホスティングを得意とし、エッジロケーションのグローバルネットワークを提供しています。スケーラビリティとパフォーマンスの最適化で知られています。
さまざまなプログラミング言語やフレームワークをサポートしており、強力なアプリを構築してデプロイできます。そして、flyctl をダウンロードするだけでデプロイプロセスに取り掛かれます！
ちなみに、WaspフレームワークはFlyを使ったワンコマンドデプロイをサポートしています！こちらで詳しく読むことができます！
費用については、小さなアイテムも収容できますが、実際の値段を見ると少し高く感じます。
サービスのクオリティに関しては、いくつかのよいモニタリングダッシュボードやSentryの統合があり、実用的に見えます。SSHでもアプリのログを簡単に確認することができます！
Netlify
Netlifyはその素晴らしい無料枠で知られており、ウェブサイトの構築とデプロイに多様な機能を提供しています。それを言うと、フロントエンドやスタティックコンテンツに焦点を当てたVercelの直接の競合といえるでしょう。
Vercelと同様に、頑丈なバックエンドには向いていませんが、サーバーレス関数をホストするオプションもありますので、データベースは他の場所でホストする必要があります。
大手フレームワークに対して優れたサポートを提供しており、各フレームワーク専用のビルダーを使用しています。彼らのデプロイメントドキュメンテーションは包括的で役立ちます。
Netlifyの無料枠には以下が含まれます：
- 月に300分のビルド
- 月に100GBの帯域幅
静的ウェブサイトやJamstackアプリケーションをホストするための優れた選択肢として、開発者の間で人気を博しています。
彼らにはいくつかの主要なフレームワークのビルドランタイムもありますので、プロセスを簡単に進めることができるでしょう！
総括
もしまだWaspのリポジトリにスターをつけていない場合は、ぜひお勧めします！それによって、私たちは毎週のように無料のコンテンツを提供し続けることができます。さらに、開発時間を大幅に短縮し、プロジェクトを完成させるための最良の面倒見の良いフルスタックフレームワークです。
無料でアプリをホストする際は、各プラットフォームの特定の機能と制限を考慮することが重要です。それぞれに強みがあり、要件に最も適したプラットフォームを選ぶことが大切です。
こちらが視覚的なまとめです：
それでは！これらすべてのプラットフォームについてより詳細な記事を見たいですか？コメントセクションでどうぞ！
こちらの記事はdev.toの良い記事を日本人向けに翻訳しています。
https://dev.to/wasp/top-5-ways-to-host-your-full-stack-app-for-free-c2j
