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

Squid を Netlify と統合する

Squid をバックエンドとして使用し、あらゆるデータベースや API に接続して、Netlify でフルスタック Web アプリをすぐに構築・デプロイできます。​

メリット​

  • Squid は数分であらゆるデータベースや API に接続でき、統合された client SDK を通じてそれらを一括で管理します。
  • アプリケーションは更新をリアルタイムで受け取れます。
  • アプリケーションは Server Side Rendering (SSR) の恩恵を受けられます。
  • Squid により、クライアントとサーバーの両方で制限なくアプリを拡張できます。
  • ロックインを恐れず、望むところまで深く踏み込めます。Squid は柔軟で、設計上 unopinionated（特定の考え方を押し付けない）です。

ユースケース​

  • 既存の MongoDB、PostgresDB、MySQL、または好みの任意のデータベースを使って、ボイラープレートやグルーコードなしでリアルタイムなフルスタック Web アプリケーションを作成する。
  • 数分で POC やプロトタイプを作成し、必要な best of breed リソースを使って世界に共有する — Squid はそれらすべてと統合できます。（必要なものが見当たりませんか？お知らせください！）

Squid をバックエンドとして使う​

Squid を使うと、すでに利用しているものを含め、あらゆるデータベースや API に簡単に接続できます。以下は、データベースまたは API 統合を使う Squid アプリケーションを素早く始めるためのチュートリアルです。

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

6 つの簡単なステップで Netlify にデプロイする​

Note

以下の手順では、Netlify へ手動でデプロイする方法を示します。Squid、Netlify、GitHub で CI/CD を実装するには、Squid の Netlify integration を使用してください。詳しくは Squid Netlify integration のドキュメント を参照してください。

Squid と Netlify はどちらも、開発環境と本番デプロイ用の production environment を提供します。アプリケーションを本番公開する準備が整うまでは、Squid と Netlify の両方で dev environment を使用してください。

  1. まず、Squid backend が動作していることを確認します。Squid アプリの backend ディレクトリで dev environment の squid start を実行するか、backend をデプロイしてください。Squid backend の実行について詳しくは こちら を参照してください。

  2. ターミナルで次のコマンドを実行して Netlify CLI をインストールします。

npm install -g netlify-cli
  1. Netlify プロジェクトを作成します。
netlify sites:create
  1. .env.local ファイルを作成します。
touch .env.local
  1. アプリケーションの frontend ディレクトリで次のコマンドを実行します。Netlify がローカルサーバーのセットアップを完了すると、ターミナルログに http://[RANDOM_ID].netlify.live 形式のアプリケーションへのリンクが表示されます。リンクをクリックしてアプリケーションを開きます。
netlify dev --live
  1. サイトのローカルデプロイに満足したら、プロジェクトの build コマンドを実行して、次を実行することで Netlify にデプロイできます。
netlify deploy

live にデプロイすると、ターミナルには次のような表示が出ます。

Netlify deploy