Payment

TanStarter supports multiple payment providers, allowing you to choose the best payment solution for your needs.

Payment Providers

Stripe

The most popular global payment platform, supporting one-time payments and subscriptions

Creem

Payment platform for indie developers with built-in tax compliance and subscription management

Waffo Pancake

Merchant of Record payment platform with hosted checkout, consumer portal, and global tax compliance

Custom Payment Provider

TanStarter supports extending with new payment providers:

Create a new file in the src/payment/provider directory
Implement the PaymentProvider interface from types.ts
Register the new provider in the providerRegistry in index.ts

Example implementation for a new payment provider:

src/payment/provider/my-provider.ts

import type {
  PaymentProvider,
  CreateCheckoutParams,
  CheckoutResult,
  CreatePortalParams,
  PortalResult,
} from '../types';

export class MyProvider implements PaymentProvider {
  getProviderName(): string {
    return 'my-provider';
  }

  public async createCheckout(params: CreateCheckoutParams): Promise<CheckoutResult> {
    // Create checkout session implementation
  }

  public async createCustomerPortal(params: CreatePortalParams): Promise<PortalResult> {
    // Create customer portal implementation
  }

  public async handleWebhookEvent(payload: string, signature: string): Promise<void> {
    // Handle webhook events implementation
  }
}

Then register the new provider in the providerRegistry in index.ts:

src/payment/index.ts

import { MyProvider } from './provider/my-provider';

const providerRegistry: Record<PaymentProviderName, ProviderFactory> = {
  stripe: () => new StripeProvider(),
  creem: () => new CreemProvider(),
  waffo: () => new WaffoProvider(),
  'my-provider': () => new MyProvider(),
};