Announcing Supabase on JSR
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:
// deno.json
{
"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 🚨️