Kolaybase + SolidJS: Backend for Solid Apps

Install

npm install kolaybase-js

Create the client

// src/kolaybase.ts
import { createClient } from "kolaybase-js";

export const kb = createClient({
  projectId: import.meta.env.VITE_KOLAYBASE_PROJECT_ID,
  apiKey: import.meta.env.VITE_KOLAYBASE_ANON_KEY,
});

Use the anon key in the browser; row-level security enforces access at the database.

Load data with a resource

import { createResource, For } from "solid-js";
import { kb } from "./kolaybase";

export function Posts() {
  const [posts] = createResource(async () => {
    const { data } = await kb.from("posts").select("id, title");
    return data ?? [];
  });
  return <ul><For each={posts()}>{(p) => <li>{p.title}</li>}</For></ul>;
}

Frequently asked questions

Does kolaybase-js work with SolidStart?

Yes. SolidStart supports server and client code, and the SDK runs in both. Use the anon key on the client and a service key only in server functions.

How do I handle auth in SolidJS?

Wrap kb.auth in a context or store, and use kb.auth.onAuthStateChange to keep the current user reactive.

Other integrations