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

Squid を Netlify と統合する

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

メリット​

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

ユースケース​

  • 既存の MongoDB、PostgresDB、MySQL、または好みの任意のデータベースを使って、ボイラープレートやグルーコードなしでリアルタイムのフルスタック Web アプリケーションを作成する。
  • 必要なベスト・オブ・ブリードのリソースを何でも使って、数分で POC やプロトタイプを作成し、世界に共有する — 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 はどちらも、開発環境と本番（prod）デプロイ向けの production 環境を提供します。アプリケーションを公開する準備が整うまで、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