メインコンテンツまでスキップ

Squid と Netlify の統合

Squid をバックエンドとして利用し、任意のデータベースまたは API に接続、Netlify を使ってフルスタック web アプリをあっという間に構築・デプロイします。​

メリット​

  • Squid は数分で任意のデータベースや API に接続し、統一されたクライアント SDK を通してそれらすべてを管理します。
  • あなたのアプリケーションはリアルタイムで更新を受け取ります。
  • あなたのアプリケーションは Server Side Rendering (SSR) の恩恵を受けます。
  • Squid により、クライアントとサーバーの両方でアプリを制限なく拡張することが可能です。
  • ロックインを心配することなく思いのままに拡張できます。Squid は柔軟で unopinionated な設計です。

利用例​

  • 既存の MongoDB、PostgresDB、MySQL、またはお好みの任意のデータベースを使用して、ボイラープレートやグルーコードなしでリアルタイムなフルスタック web アプリケーションを作成する。
  • 数分で POC またはプロトタイプを構築し、必要な最高のリソースを用いて世界と共有する — Squid はそれらすべてと統合可能です。 (必要なものが見当たらないですか？ Let us know!)

Squid をバックエンドとして利用する​

Squid を使用すると、既に利用しているものを含む任意のデータベースや API に簡単に接続できます。以下は、データベースや API と連携する Squid アプリケーションをすぐに始めるためのいくつかのチュートリアルです：

以上を完了すれば、Squid アプリケーションを Netlify を使ってデプロイする準備が整います。

Netlify を用いた 6 つの簡単な手順でのデプロイ​

Note

以下の手順では、Netlify への手動デプロイ方法を示します。Squid、Netlify、GitHub を用いた CI/CD を実装するには、Squid の Netlify インテグレーションを使用してください。詳細は Squid Netlify インテグレーションに関するドキュメント をご覧ください。

Squid と Netlify の両方は、開発環境 (dev environment) と本番デプロイ用の production environment を提供しています。アプリケーションを公開する前に、Squid と Netlify の両方で dev environment を利用してください。

  1. まず、Squid バックエンドが稼働していることを確認します。Squid アプリのバックエンドディレクトリにある dev 環境で squid start を実行するか、バックエンドをデプロイして実行してください。Squid バックエンドの実行方法の詳細は こちら を参照してください。

  2. ターミナルで以下のコマンドを実行し、Netlify CLI をインストールします:

    npm install -g netlify-cli

  3. Netlify プロジェクトを作成します:

    netlify sites:create

  4. .env.local ファイルを作成します:

    touch .env.local

  5. アプリケーションのフロントエンドディレクトリで以下のコマンドを実行します。Netlify がローカルサーバーのセットアップを完了すると、ターミナルに http://[RANDOM_ID].netlify.live 形式のアプリケーションへのリンクが表示されます。そのリンクをクリックしてアプリケーションを開いてください:

    netlify dev --live

  6. サイトのローカルデプロイに満足したら、プロジェクトのビルドコマンドを実行し、以下のコマンドで Netlify にデプロイします:

    netlify deploy

デプロイ後、ターミナルには次のような表示がされます:

Netlify deploy