Skip to main content
1

Create your Nozle account

Sign up at app.nozle.app and create your first workspace.
2

Get your API keys

From the dashboard, navigate to Settings > API Keys. You will see two keys:
Never expose your sk_ secret key in client-side code. Use pk_ only for public pricing and route every customer operation through your authenticated backend.
3

Install the SDK

4

Initialize the client

Create a Nozle client instance with your secret key.
nozle.ts
5

Track your first event

Send a billable event with metadata. Nozle automatically resolves the customer’s active subscription.
Events are matched against your feature definitions in the dashboard. The tokens property can drive usage-based charges, while the event name (api_call) increments count-based meters.
6

Check entitlements

Before executing an expensive operation, check whether the customer still has capacity on their plan.
The response includes remaining, limit, and used fields so you can show usage progress in your UI.
7

Add React billing components

Install the React SDK to get pre-built billing UI components.
Use a publishable key for public pricing. Provide a callback that calls your own authenticated backend for checkout:
app/providers.tsx
Your backend authenticates the user, derives their Nozle customer, validates the plan and return URL, and calls Nozle with a restricted secret key.
8

Show a pricing table and checkout

Drop in a PricingTable to display plans. Its CTA invokes the merchant callback configured above.
app/pricing/page.tsx
Fetch customer entitlements from your backend and pass the result into the presentational FeatureGate:

What’s next