Quickstart

{
  "name": "Pro",
  "price_amount": 2900,
  "billing_interval": "monthly",
  "trial_days": 14,
  "features": {
    "advanced_analytics": true,
    "api_access": true,
    "custom_domain": false
  },
  "limits": {
    "api_calls": 10000,
    "team_members": 5
  }
}

npm install crovver-react
# or
pnpm add crovver-react

// app/layout.tsx
import { CrovverProvider } from "crovver-react";

export default function RootLayout({ children }) {
  return (
    <CrovverProvider
      config={{
        publicKey: process.env.NEXT_PUBLIC_CROVVER_PUBLIC_KEY,
        tenantId: currentUser.id, // Your user/workspace ID
      }}
    >
      {children}
    </CrovverProvider>
  );
}

import { FeatureGuard } from "crovver-react";

export function AnalyticsDashboard() {
  return (
    <FeatureGuard featureKey="advanced_analytics" fallback={<UpgradePrompt />}>
      <Analytics />
    </FeatureGuard>
  );
}

import { useBillingRedirect } from "crovver-react";

export function UpgradeButton() {
  const { redirectToCheckout } = useBillingRedirect();

  return <button onClick={() => redirectToCheckout()}>Upgrade to Pro</button>;
}