Quickstart

CREEM_API_KEY=creem_test_...
CREEM_WEBHOOK_SECRET=whsec_...

import { creem } from "@creem_io/better-auth";
import { betterAuth } from "better-auth";

export const auth = betterAuth({
  database: {
    // Your Better Auth database configuration
  },
  plugins: [
    creem({
      apiKey: process.env.CREEM_API_KEY!,
      webhookSecret: process.env.CREEM_WEBHOOK_SECRET!,
      testMode: true,
      defaultSuccessUrl: "/billing/success",
      persistSubscriptions: true,
    }),
  ],
});

import { creemClient } from "@creem_io/better-auth/client";
import { createAuthClient } from "better-auth/react";

export const authClient = createAuthClient({
  plugins: [creemClient()],
});

"use client";

import { authClient } from "@/lib/auth-client";

export function SubscribeButton({ productId }: { productId: string }) {
  const subscribe = async () => {
    const { data, error } = await authClient.creem.createCheckout({
      productId,
      successUrl: "/billing/success",
    });

    if (error) {
      throw new Error(error.message);
    }

    if (data?.url) {
      window.location.assign(data.url);
    }
  };

  return <button onClick={subscribe}>Subscribe</button>;
}