Local development

Setup local development environment for Edge Functions.

We recommend installing the Deno CLI and related tools for local development.

Deno support#

You can follow the Deno guide for setting up your development environment with your favorite editor/IDE.

Deno with Visual Studio Code#

When using VSCode, you should install both the Deno CLI and the the Deno language server via this link or by browsing the extensions in vscode and choosing to install the Deno extension.

Deno support in subfolders#

You can enable the Deno language server for specific sub-paths in a workspace, while using VSCode's built-in JavaScript/TypeScript language server for all other files.

For example if you have a project like this:

To enable the Deno language server only for the supabase/functions folder, add ./supabase/functions to the list of Deno: Enable Paths in the configuration. In your .vscode/settings.json file add:

Multi-root workspaces in VSCode#

When developing with VS Code inside of an existing application, you can utilize multi-root workspaces.

For example, see this edge-functions.code-workspace configuration for a CRA (create react app) client with Supabase Edge Functions. You can find the complete example on GitHub.