supabase-js
- Isomorphic JavaScript Client for Supabase.First of all, you need to install the library:
npm install @supabase/supabase-js
Then you're able to import the library and establish the connection with the database:
import { createClient } from '@supabase/supabase-js' // Create a single supabase client for interacting with your database const supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key')
You can use plain <script>
s to import supabase-js from CDNs, like:
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
or even:
<script src="https://unpkg.com/@supabase/supabase-js@2"></script>
Then you can use it from a global supabase
variable:
<script> const { createClient } = supabase const _supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key') console.log('Supabase Instance: ', _supabase) // ... </script>
You can use <script type="module">
to import supabase-js from CDNs, like:
<script type="module"> import { createClient } from 'https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm' const supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key') console.log('Supabase Instance: ', supabase) // ... </script>
You can use supabase-js in the Deno runtime via JSR:
import { createClient } from 'jsr:@supabase/supabase-js@2'
fetch
implementationsupabase-js
uses the cross-fetch
library to make HTTP requests, but an alternative fetch
implementation can be provided as an option. This is most useful in environments where cross-fetch
is not compatible, for instance Cloudflare Workers:
import { createClient } from '@supabase/supabase-js' // Provide a custom `fetch` implementation as an option const supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key', { global: { fetch: (...args) => fetch(...args), }, })
pnpm test
supabase start pnpm run test:integration
Add Package
deno add jsr:@supabase/supabase-js
Import symbol
import * as supabase_js from "@supabase/supabase-js";
Import directly with a jsr specifier
import * as supabase_js from "jsr:@supabase/supabase-js";
Add Package
pnpm i jsr:@supabase/supabase-js
pnpm dlx jsr add @supabase/supabase-js
Import symbol
import * as supabase_js from "@supabase/supabase-js";
Add Package
yarn add jsr:@supabase/supabase-js
yarn dlx jsr add @supabase/supabase-js
Import symbol
import * as supabase_js from "@supabase/supabase-js";
Add Package
vlt install jsr:@supabase/supabase-js
Import symbol
import * as supabase_js from "@supabase/supabase-js";
Add Package
npx jsr add @supabase/supabase-js
Import symbol
import * as supabase_js from "@supabase/supabase-js";
Add Package
bunx jsr add @supabase/supabase-js
Import symbol
import * as supabase_js from "@supabase/supabase-js";