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

NetlifyとSquidの統合

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

メリット​

  • Squidは数分で任意のデータベースやAPIに接続し、統一されたクライアントSDKを通じてすべてを管理します。
  • あなたのアプリケーションはリアルタイムで更新を受け取ります。
  • あなたのアプリケーションはServer Side Rendering (SSR) の恩恵を受けます。
  • Squidは、クライアント側とサーバー側の両方において、制限なくアプリを拡張できるようにします。
  • ロックインを恐れずに、好きなだけ拡張してください。Squidは設計上、柔軟で非独断的です。

ユースケース​

  • 既存のMongoDB、PostgresDB、MySQL、またはお好みの任意のデータベースを活用し、ボイラープレートやグルーコードなしでリアルタイムのフルスタックウェブアプリケーションを構築します。
  • 数分でPOCまたはプロトタイプを構築し、必要に応じた最高品質のリソースを利用して世界に共有します ― Squidはそれらすべてと統合可能です。 (必要なものが見当たりませんか？ ご連絡ください!)

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

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

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

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

Note

以下のステップは、Netlifyへ手動でデプロイする方法を示しています。Squid、Netlify、GitHubを活用したCI/CDを実装するには、SquidのNetlify統合を利用してください。詳細はSquid Netlify統合に関するドキュメントをご覧ください。

SquidとNetlifyの両方は、プロダクションデプロイ用にdev環境とproduction環境を提供します。アプリケーションがライブ公開される前に、SquidとNetlifyの両方でdev environmentを使用してください。

  1. まず、あなたのSquidバックエンドが実行中であることを確認してください。Squidアプリのバックエンドディレクトリでdev環境下で「squid start」を実行するか、バックエンドをデプロイすることで確認できます。Squidバックエンドの実行に関する詳細はhereをご覧ください。

  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