Skip to main content

Netlify

Streamline Your Application Deployment with Squid and Netlify​

With the Squid Netlify integration, you can automate application builds and deployment. Changes to both the frontend and the Squid backend are automatically deployed when you update your application repository.

Benefits​

  • Squid connects to any database or API in minutes and manages them all through a unified client SDK.
  • Your application sees updates in real time.
  • Your application benefits from Server Side Rendering (SSR).
  • Squid enables you to extend your app with no limitations both on the client and the server
  • Go as deep as you'd like without fear of lock-in. Squid is flexible and unopinionated by design.

Use cases​

  • Create real-time, full-stack web applications using your existing MongoDB, PostgresDB, MySQL, or any database you prefer without boilerplate or glue code.
  • Build a POC or prototype in minutes and share it with the world using whatever best of breed resources you need -- Squid can integrate with them all. (Don't see one you need? Let us know!)

Integrate with Netlify​

Note

The following steps outline how to integrate with Netlify through GitHub to implement Continuous Deployment. To learn how to manually deploy with Squid on Netlify, view this tutorial.

To connect your full-stack application to Netlify from GitHub, take the following steps:

  1. Push your full-stack application to a repository on GitHub.

  2. In the Netlify console, add a new site by importing from your GitHub repository. When configuring your app's build settings, ensure that you input the proper directories and build command based on your frontend configuration. For example, if using Vite, you would use the following configurations:

    • Base directory: "frontend"
    • Build command: "npm run build"
    • Publish directory: "frontend/dist"

    For more information on adding a new site to Netlify, view the Netlify documentation.

  3. In the Netlify console, navigate to the Integrations page and search for the Squid integration. Click Enable from a site, and then select your website.

  4. Enter your Squid app's Region, API key, and Environment ID. You can find these values in the Squid Console. Ensure that your Squid API key corresponds to the chosen environment, as dev and prod environments have separate API keys.

  5. For the Environment variable prefix, input any prefix required based on your frontend configuration. For example, if you're using Vite, you input “VITE_” as the envar prefix.

  6. In the Auto-Deploy section of the configuration form, toggle Auto deploy enabled to Enabled. Note that only production (prod) builds will trigger a Squid backend deploy. This setting can be disabled at any time.

  7. Input the path to your Squid backend directory as the Backend directory relative to your base directory. For example, “../backend”.

  8. Save your configuration. You're now up and running with a full-stack application deployed to Squid and Netlify! Whenever a change is made to the application's repo, Netlify automatically builds and deploys your updated frontend and Squid backend.