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

Squid を Netlify と統合する

Squid を backend として使用し、任意の database または API に接続して、Netlify で full-stack web app をすばやく構築・deploy します。​

メリット​

  • Squid は数分で任意の database または API に接続し、unified client SDK を通じてすべてを管理します。
  • application は real-time で update を受け取ります。
  • application は Server Side Rendering（SSR）の利点を得られます。
  • Squid を使用すると、client と server の両方で制限なく app を拡張できます。
  • lock-in を心配せずに、必要なだけ深く利用できます。Squid は flexibility を重視し、特定の方式を強制しない設計です。

ユースケース​

  • boilerplate や glue code なしで、既存の MongoDB、PostgresDB、MySQL、または任意の database を使用する real-time full-stack web application を作成します。
  • 数分で POC または prototype を構築し、必要な best of breed resource を使用して world と共有します。Squid はすべてと統合できます。（必要なものが見つかりませんか？お知らせください！）

Backend として Squid を使用する​

Squid を使用すると、すでに使用しているものを含む任意の database または API に簡単に接続できます。database または API integration を使用する Squid application をすぐに開始するための tutorial を以下に示します。

これらを完了すると、Netlify を使用して Squid application を deploy する準備が整います。

6 つの簡単な Step で Netlify に Deploy する​

注記

以下の step は、Netlify に手動 deploy する方法を示します。Squid、Netlify、GitHub で CI/CD を実装するには、Squid の Netlify integration を使用します。詳細については、Squid Netlify integration の documentationを参照してください。

Squid と Netlify は、どちらも dev environment と prod deployment 用の production environment を提供します。application を live にする準備が整うまでは、Squid と Netlify の両方で dev environment を使用します。

  1. 最初に、Squid backend が実行中であることを確認します。Squid app の backend directory で dev environment の squid start を実行するか、backend を deploy します。Squid backend の実行に関する詳細はこちらを参照してください。

  2. terminal で次の command を使用して Netlify CLI を install します。

npm install -g netlify-cli
  1. Netlify project を作成します。
netlify sites:create
  1. .env.local file を作成します。
touch .env.local
  1. application の frontend directory で以下の command を実行します。Netlify が local server の setup を完了すると、terminal に http://[RANDOM_ID].netlify.live format の application link が log 出力されます。link をクリックして application を開きます。
netlify dev --live
  1. site の local deployment に満足したら、project の build command を実行し、以下を実行して Netlify に deploy します。
netlify deploy

live deploy 後、terminal には次のような内容が表示されます。

Netlify deploy