JSR is a modern open source JavaScript registry that simplifies publishing and importing JavaScript and TypeScript modules. JSR supports publishing TypeScript source code, auto-generating documentation and type definition files, provenance attestation for more security, and can be used with npm-like package managers. Since its launch, over 250 new packages are being published each week.

We’re thrilled to announce that Supabase’s JavaScript client library is now available on JSR.

Supabase, a popular Postgres powered open source Firebase alternative, offers managed services for building applications. Their JavaScript library, supabase-js, is composed of many sub-clients that let you query your Supabase database, subscribe to real-time events, upload and download files, manage auth, invoke Deno powered Edge Functions, and more. It’s fully isomorphic and can be used across any environment that speaks JavaScript and HTTPS, such as browsers, servers, and the edge!

Using Supabase via JSR offers an excellent developer experience, with first class TypeScript support, auto-generated documentation accessible in your code editor, and more.

Installing Supabase

You can get started with Supabase using the deno add command:

deno add @supabase/supabase-js

The above will generate a deno.json file, listing all your project dependencies:

{
  "imports": {
    "@supabase/supabase-js": "jsr:@supabase/supabase-js@2"
  }
}

You can also use npm:

npx jsr add @supabase/supabase-js

This will create a package.json for use with Node and Bun.

You can then import the client library to your main.ts file:

import { createClient } from "@supabase/supabase-js";

const supabase = createClient(
  "https://xyzcompany.supabase.co",
  "public-anon-key",
);

console.log("Supabase Instance: ", supabase);

Finally, you can run the following command to execute:

​​deno run -A main.ts

Check out the supabase-js README to see how to use it in other environments.

What’s next?

With the Supabase client on JSR, you can easily and quickly add authentication or persistent storage to your project, which can run in any JavaScript environment.

🚨️ Read more about JSR 🚨️

• JSR.io
• JSR announcement
• Intro to JSR
• How we built JSR
• JSR is not another package manager