LogoTanStarter Docs
LogoTanStarter Docs
HomepageIntroductionCodebaseGetting StartedEnvironments
Configuration
Deployment

Integrations

CloudflareDatabaseAuthenticationEmailNewsletterStoragePaymentNotificationsAnalyticsChatboxAffiliates

Customization

MetadataPagesLanding PageBlogComponentsUser ManagementAPI Key Management

Codebase

Project StructureFormatting & LintingEditor SetupUpdating the Codebase
X (Twitter)

Affiliates

Learn how to configure affiliate programs for your TanStarter application

TanStarter supports affiliate marketing through integration with Affonso and PromoteKit. These platforms help you track referrals and manage affiliate commissions.

Setup

Website Configuration

Update affiliate settings in src/config/website.ts:

export const websiteConfig: WebsiteConfig = {
  // ...
  affiliates: {
    enable: true,
    provider: 'affonso', // or 'promotekit'
  },
};

Configure Affiliate Platform

Based on the affiliate platform you selected, configure the corresponding environment variable:

  1. Go to Affonso and sign up
  2. Create a new campaign
  3. Get your affiliate ID
  4. Add the affiliate ID to your .env file:
.env
VITE_AFFILIATE_AFFONSO_ID=your_affonso_id
  1. Go to PromoteKit and sign up
  2. Create a new referral program
  3. Get your Key
  4. Add the key to your .env file:
.env
VITE_AFFILIATE_PROMOTEKIT_ID=your_promotekit_key

If you are setting up your environment, you can now go back to the Environment Configuration and continue. The rest of this document can be read later.

Environment Configuration

Set up environment variables

References

  • Affonso Documentation
  • PromoteKit Documentation

Related Documentation

Payment

Configure Stripe payments

Analytics

Configure analytics

Deployment

Deploy to Cloudflare Workers

Blog

Configure blog content

Table of Contents

Setup
Website Configuration
Configure Affiliate Platform
References
Related Documentation