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 our JavaScript client library is now available on JSR.
As many of you know, our 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-js via JSR offers an excellent developer experience, with first class TypeScript support, auto-generated documentation accessible in your code editor, and more.
You can get started with Supabase using the deno add command:
_10
deno add @supabase/supabase-js
Or using npm:
_10
npx jsr add @supabase/supabase-js
The above commands will generate a deno.json file, listing all your project dependencies.
_10
{
_10
"imports": {
_10
"@supabase/supabase-js": "jsr:@supabase/supabase-js@2"
_10
}
_10
}
You can then import the client library to your main.ts file:
_10
import { createClient } from '@supabase/supabase-js'
_10
_10
const supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key')
_10
_10
console.log('Supabase Instance: ', supabase)
Finally, you can run the following command to execute:
Check out the supabase-js README to see how to use it in other environments.
With the Supabase client on JSR, you can easily and quickly add authentication or persistent storage to your projects, which can run in any JavaScript environment!
- Check out JSR the JavaScript registry built for the modern web.
- Read the announcement on Deno's blog.