React SDK

npm install @cimplify/sdk

'use client';
import { CimplifyProvider, useCimplify, useProducts, useCart } from '@cimplify/sdk/react';

export default function App() {
  return (
    <CimplifyProvider>
      <Shop />
    </CimplifyProvider>
  );
}

function Shop() {
  const { business, currency, isReady, isDemoMode } = useCimplify();
  const { products, isLoading } = useProducts({ limit: 12 });
  const { addItem, itemCount } = useCart();

  if (!isReady || isLoading) return <p>Loading...</p>;

  return (
    <div>
      <h1>{business?.name} ({currency})</h1>
      {isDemoMode && <span>Demo Mode</span>}
      <p>Cart: {itemCount} items</p>
      {products.map((p) => (
        <button key={p.id} onClick={() => addItem(p)}>
          {p.name}
        </button>
      ))}
    </div>
  );
}

// With explicit client
import { createCimplifyClient } from '@cimplify/sdk';

const client = createCimplifyClient({ publicKey: 'pk_test_...' });

<CimplifyProvider client={client}>
  {children}
</CimplifyProvider>

// Without client — auto-creates from NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY
<CimplifyProvider>
  {children}
</CimplifyProvider>