MVP Customization Guide

This guide shows how to customize AIFast Pro for your specific use case.

🎯 Quick Customization Checklist

[ ] Update branding (logo, colors, name)
[ ] Configure AI providers with your keys
[ ] Set up Supabase database
[ ] Configure payment provider (Stripe or Razorpay)
[ ] Remove/add AI tools as needed
[ ] Deploy to Vercel

1. Branding

Update App Name

Edit src/app/layout.tsx:

export const metadata: Metadata = {
  title: "Your App Name | AI-Powered Tools",
  description: "Your custom description",
};

Update Logo

Edit src/components/dashboard/Sidebar.tsx:

<span className="text-2xl">🚀</span> {/* Replace emoji or add SVG */}
<span className="font-bold text-xl">Your App</span>

Colors

Edit src/app/globals.css to change the color scheme:

:root {
  --primary: 250 100% 50%; /* Change to your brand color */
}

2. AI Providers

Disable Providers

Edit src/lib/ai/providers.ts:

// Comment out or remove providers you don't need
export const providerConfigs: Record<AIProvider, ProviderConfig> = {
  openai: { ... },
  // anthropic: { ... }, // Remove if not using
  // google: { ... },
  groq: { ... }, // Keep for free tier
};

Default Provider

export const defaultProvider: AIProvider = 'groq'; // Free provider for testing

3. Deployment

Vercel (Recommended)

npm i -g vercel
vercel

Set environment variables in Vercel dashboard.

Webhooks

Configure webhooks in Stripe/Razorpay dashboards:

• Stripe: https://yourdomain.com/api/webhooks/stripe
• Razorpay: https://yourdomain.com/api/webhooks/razorpay