Supabase Auth

Learn how to interact with Supabase

Supabase is an open-source alternative to Firebase. It provides a variety of tools and services to help with Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings.

Prerequisites#

Head to your Project Settings in the Supabase Console and grab your Project URL and anon API Key.

Set up your provider#

To set up Supabase to authenticate players with Openfort, visit your dashboard provider settings.

Client-side Integration#

import type { Provider } from "@supabase/supabase-js";
import Openfort from "@openfort/openfort-js";
const signInWithProvider = async (provider: Provider) => {
  const supabase = createServerRouteClient();
  const { data, error } = await supabase.auth.verifyOtp({
        type,
        token_hash,
    });
  const openfort = new Openfort({
    baseConfiguration: {
        publishableKey: OPENFORT_PUBLISHABLE_KEY
    }
  });
  const authResponse = await openfort.authenticateWithThirdPartyProvider({provider:ThirdPartyOAuthProvider.SUPABASE, token:data.session?.access_token, tokenType: TokenType.CUSTOM_TOKEN});
};

Uppon successful authentication, the SDK will return:

response.json

{
  "id": "pla_cc9ed2b7-c5f5-4c43-8dca-c4b104ba1762",
  "object": "player",
  "createdAt": 1710976453,
  "linkedAccounts": [
      {
          "provider": "supabase",
          "disabled": false,
          "externalUserId": "2"
      }
  ]
}

Supabase Auth

Learn how to interact with Supabase

Prerequisites#

Set up your provider#

Client-side Integration#

Resources#