Skip to main content
Choose the path that works best for you:

Code Integration

Integrate Creem directly into your application. It’s as easy as the following:

1. Get your API key

Navigate to the Developers section in your dashboard and copy your API key.
Use Test Mode to develop without processing real payments.

2. Install and create a checkout

  • Next.js
  • TypeScript SDK
  • Better Auth
  • REST API
Install the Next.js adapter for the fastest integration with built-in routes and components.
npm install @creem_io/nextjs
Add your API Key as environment variable:
# .env
CREEM_API_KEY=your_api_key_here
See the API Keys page for more information.
Create a checkout API route:
// app/api/checkout/route.ts
import { Checkout } from "@creem_io/nextjs";

export const GET = Checkout({
  apiKey: process.env.CREEM_API_KEY!,
  testMode: true,
  defaultSuccessUrl: "/success",
});
Add a checkout button to your page:
// app/page.tsx
import { CreemCheckout } from "@creem_io/nextjs";

export default function Page() {
  return (
    <CreemCheckout productId="prod_YOUR_PRODUCT_ID">
      <button>Subscribe Now</button>
    </CreemCheckout>
  );
}

Next.js Adapter Docs

Learn about advanced features, webhooks, and server components.

3. Handle successful payments

After payment, users are redirected to your success_url with payment details:
https://yoursite.com/success?checkout_id=ch_xxx&order_id=ord_xxx&customer_id=cust_xxx&product_id=prod_xxx
For production apps, use Webhooks to reliably receive payment events on your server.

No-Code Solution

Perfect for creators, vibe coders, and anyone who wants to start selling quickly without code.

1. Create a product

Go to the products tab in your dashboard and create your first product with a name, description, and price. Click the Share button on your product to get your payment link. Send it to customers via email, social media, or anywhere else. That’s it! You’re ready to accept payments.

Learn More About Payment Links

Explore advanced customization options, custom fields, and more.

Next Steps