diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..8011259c
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,2 @@
+SUPABASE_URL=https://oupgudlkspsmzkmeovlh.supabase.co
+SUPABASE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im91cGd1ZGxrc3BzbXprbWVvdmxoIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTM0NTIwNzQsImV4cCI6MjAyOTAyODA3NH0.KAbKFBChJHtxTmOZM2pdeppIyNbcnQkEgSi6RA7OQdo
diff --git a/.github/workflows/publish-to-npm-registry.yml b/.github/workflows/publish-to-npm-registry.yml
index 4e747850..f71b0dba 100644
--- a/.github/workflows/publish-to-npm-registry.yml
+++ b/.github/workflows/publish-to-npm-registry.yml
@@ -9,6 +9,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - name: Set env
+        run: |
+          echo "VITE_SUPABASE_URL=$SUPABASE_URL" >> $GITHUB_ENV
+          echo "VITE_SUPABASE_KEY=$SUPABASE_KEY" >> $GITHUB_ENV
       - uses: actions/setup-node@v3
       - run: npm ci
       - run: npm run build
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
index 2fccb876..14e80fe2 100644
--- a/.github/workflows/static.yml
+++ b/.github/workflows/static.yml
@@ -4,7 +4,7 @@ name: Deploy static content to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["main"]
+    branches: ['main']
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -17,7 +17,7 @@ permissions:
 
 # Allow one concurrent deployment
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: true
 
 jobs:
@@ -30,6 +30,10 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v3
+      - name: Set env
+        run: |
+          echo "VITE_SUPABASE_URL=$SUPABASE_URL" >> $GITHUB_ENV
+          echo "VITE_SUPABASE_KEY=$SUPABASE_KEY" >> $GITHUB_ENV
       - uses: actions/setup-node@v3
       - run: npm install
       - run: npm run build
diff --git a/.gitignore b/.gitignore
index 3c2d3e21..ecdeea9e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+.env
+
 # Logs
 logs
 *.log
diff --git a/package-lock.json b/package-lock.json
index 12843bc2..2d90b117 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@radio4000/components",
-  "version": "0.1.36",
+  "version": "0.1.37",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@radio4000/components",
-      "version": "0.1.36",
+      "version": "0.1.37",
       "license": "GPL-3.0-or-later",
       "dependencies": {
         "@radio4000/sdk": "^0.4.3",
diff --git a/src/index.js b/src/index.js
index df45016f..14e2aed6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,4 @@
 import components from './components/index.js'
 import './index.css'
-
+export {sdk, SUPABASE_URL, SUPABASE_KEY} from "./libs/sdk.js"
 export default {...components}
diff --git a/src/libs/sdk.js b/src/libs/sdk.js
index 2c52ab04..25e7d34d 100644
--- a/src/libs/sdk.js
+++ b/src/libs/sdk.js
@@ -1,11 +1,9 @@
 import {createClient} from '@supabase/supabase-js'
 import {createSdk} from '@radio4000/sdk'
 
-// Temporarily hard-coded to the "migration-test" project on Supabase.
-// Yes, this key is meant to be public.
-const key =
-	'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InRxaHdzeGJzamx6Yml3cmVyYXRjIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTg1NzE4MjUsImV4cCI6MjAxNDE0NzgyNX0.utV_0mI-k-EcTPlwMFHhNxB0nlvOY-Srx05Mr7EHJcQ'
-const url = 'https://tqhwsxbsjlzbiwreratc.supabase.co'
-const supabase = createClient(url, key)
+export const SUPABASE_URL = import.meta.env.VITE_SUPABASE_URL
+export const SUPABASE_KEY = import.meta.env.VITE_SUPABASE_KEY
+
+const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
 
 export const sdk = createSdk(supabase)