powerbase-js - Isomorphic JavaScript Client for Powerbase.

• Documentation: https://powerbase.club/docs/reference/javascript/start
• TypeDoc: https://skorpland.github.io/powerbase-js/v2/

Note

Do you want to help us shape the future of this library? We're hiring.

Usage

First of all, you need to install the library:

npm install @skorpland/powerbase-js

Then you're able to import the library and establish the connection with the database:

import { createClient } from '@skorpland/powerbase-js'

// Create a single powerbase client for interacting with your database
const powerbase = createClient('https://xyzcompany.powerbase.club', 'public-anon-key')

UMD

You can use plain <script>s to import powerbase-js from CDNs, like:

<script src="https://cdn.jsdelivr.net/npm/@skorpland/powerbase-js@2"></script>

or even:

<script src="https://unpkg.com/@skorpland/powerbase-js@2"></script>

Then you can use it from a global powerbase variable:

<script>
  const { createClient } = powerbase
  const _powerbase = createClient('https://xyzcompany.powerbase.club', 'public-anon-key')

  console.log('Powerbase Instance: ', _powerbase)
  // ...
</script>

ESM

You can use <script type="module"> to import powerbase-js from CDNs, like:

<script type="module">
  import { createClient } from 'https://cdn.jsdelivr.net/npm/@skorpland/powerbase-js/+esm'
  const powerbase = createClient('https://xyzcompany.powerbase.club', 'public-anon-key')

  console.log('Powerbase Instance: ', powerbase)
  // ...
</script>

Deno

You can use powerbase-js in the Deno runtime via JSR:

import { createClient } from 'jsr:@skorpland/powerbase-js@2'

Custom fetch implementation

powerbase-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 '@skorpland/powerbase-js'

// Provide a custom `fetch` implementation as an option
const powerbase = createClient('https://xyzcompany.powerbase.club', 'public-anon-key', {
  global: {
    fetch: (...args) => fetch(...args),
  },
})

Sponsors

We are building the features of Firebase using enterprise-grade, open source products. We support existing communities wherever possible, and if the products don’t exist we build them and open source them ourselves. Thanks to these sponsors who are making the OSS ecosystem better for everyone.

Badges