LogoNEXTDEVKIT Docs

Payment Overview

Learn how to set up and use payments in NEXTDEVKIT with Stripe or Creem

🚀 Payment Systems

NEXTDEVKIT supports two payment providers to handle payments and subscriptions:

  • Stripe - The most popular payment processing platform
  • Creem - A developer-focused payment platform with simple APIs

Both providers support:

  • ✅ Subscription payments (monthly/yearly)
  • ✅ One-time payments (lifetime plans)
  • ✅ Free plans
  • ✅ Trial periods
  • ✅ Webhooks
  • ✅ Customer portals

💳 Supported Payment Types

NEXTDEVKIT supports flexible pricing with these plan types:

🆓 Free Plan

  • No payment required
  • Perfect for freemium models
  • Limited features access

💎 Pro Subscription

  • Monthly or yearly billing
  • Optional trial periods
  • Recurring payments

🏆 Lifetime Plan

  • One-time payment
  • Permanent access
  • No recurring fees

🏢 Enterprise Plan

  • Contact-based pricing
  • Custom features
  • Direct sales process

🏗️ Payment Architecture

The payment system is built with a provider pattern for flexibility:

src/
├── payment/
│   ├── types.ts          # Payment types and interfaces
│   ├── actions.ts        # Server actions for payments
│   └── providers/
│       ├── index.ts      # Payment provider factory
│       ├── stripe.ts     # Stripe implementation
│       └── creem.ts      # Creem implementation
├── config/
│   └── marketing/
│       └── pricing.ts    # Pricing configuration

🎯 Choose Your Provider

Select the payment provider that best fits your needs:

When to Use Stripe

  • Global reach: Accept payments from 195+ countries
  • Mature ecosystem: Extensive documentation and community
  • Enterprise features: Advanced fraud detection and reporting
  • Complex pricing: Multiple currencies and tax handling

When to Use Creem

  • Developer experience: Simple and straightforward APIs
  • Modern interface: Clean and intuitive dashboard

📋 Getting Started

  1. Choose your provider: Stripe or Creem
  2. Set up your account with your chosen provider
  3. Configure environment variables for your provider
  4. Create products and pricing in your provider dashboard
  5. Configure NEXTDEVKIT with your pricing information
  6. Test payments using test cards and webhooks

🔧 Configuration

The payment provider is configured in src/config/index.ts:

payment: {
  provider: "stripe", // or "creem"
  currency: "USD",
  yearlyDiscount: 20,
  redirectAfterCheckout: "/app/dashboard",
  // ... rest of your pricing configuration
}

To switch providers, simply change the provider value and update your environment variables.

🧪 Testing

Both providers offer comprehensive testing environments:

  • Test API keys for development
  • Test credit cards for payment simulation
  • Webhook testing tools
  • Local development support

🔗 Next Steps

Choose your payment provider to continue:

📚 Additional Resources