{"id":48595994,"url":"https://github.com/leosolar8/mvc-mini-test-project","last_synced_at":"2026-04-08T21:01:39.376Z","repository":{"id":331373670,"uuid":"1062705814","full_name":"LEOSOLAR8/MVC-Mini-Test-Project","owner":"LEOSOLAR8","description":"CreatorPilot — Next.js 14 starter for creators: smart onboarding with Zapier, pricing A/B tests with Stripe + Supabase RLS, a secure progress dashboard with YouTube analytics, and an AI assistant for titles/thumbnails/scripts. Vercel-ready.","archived":false,"fork":false,"pushed_at":"2025-09-23T16:23:05.000Z","size":140,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-07T04:15:19.786Z","etag":null,"topics":["ab-testing","analytics","creator-economy","dashboard","framer-motion","growth","nextjs15","openai","pricing","replicate","saas-starter","stripe","subscription","supabase-db","tailwindcss","typescript3","youtube-data-api","zapier"],"latest_commit_sha":null,"homepage":"https://mvc-mini-test-project.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LEOSOLAR8.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-23T15:59:43.000Z","updated_at":"2025-09-26T05:27:38.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/LEOSOLAR8/MVC-Mini-Test-Project","commit_stats":null,"previous_names":["leosolar8/mvc-mini-test-project"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/LEOSOLAR8/MVC-Mini-Test-Project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LEOSOLAR8%2FMVC-Mini-Test-Project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LEOSOLAR8%2FMVC-Mini-Test-Project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LEOSOLAR8%2FMVC-Mini-Test-Project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LEOSOLAR8%2FMVC-Mini-Test-Project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LEOSOLAR8","download_url":"https://codeload.github.com/LEOSOLAR8/MVC-Mini-Test-Project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LEOSOLAR8%2FMVC-Mini-Test-Project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31573788,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ab-testing","analytics","creator-economy","dashboard","framer-motion","growth","nextjs15","openai","pricing","replicate","saas-starter","stripe","subscription","supabase-db","tailwindcss","typescript3","youtube-data-api","zapier"],"created_at":"2026-04-08T21:00:55.800Z","updated_at":"2026-04-08T21:01:39.329Z","avatar_url":"https://github.com/LEOSOLAR8.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Million View Club - Creator Growth Platform\n\nA comprehensive Next.js 14 application for content creators to accelerate their journey to viral success with AI-powered tools, analytics, and growth strategies.\n\n## 🚀 Features\n\n### 1. Smart Onboarding Funnel\n- Multi-step form with smooth animations using Framer Motion\n- Personalized experience based on creator type and goals\n- A/B testing for different onboarding flows\n- Zapier webhook integration for marketing automation\n- Supabase storage with RLS policies\n\n### 2. Pricing Experimentation Sandbox\n- Stripe Checkout integration with multiple pricing tiers\n- A/B testing for different trial lengths and pricing strategies\n- Subscription management with customer portal\n- Webhook handling for subscription lifecycle events\n- Real-time subscription status updates\n\n### 3. Creator Progress Dashboard\n- Secure, authenticated dashboard with role-based access\n- YouTube Data API integration for real-time analytics\n- Progress tracking towards growth milestones\n- Interactive charts and visualizations using Recharts\n- Responsive design optimized for all devices\n\n### 4. AI Video/Thumbnail Assistant\n- OpenAI GPT-4 integration for content generation\n- Replicate API for AI-powered thumbnail image generation\n- Three main tools:\n  - **Video Title Generator**: Creates viral, click-worthy titles\n  - **Thumbnail Ideas**: Provides detailed thumbnail concepts + generated images\n  - **Script Outlines**: Structures video content with hooks and CTAs\n- Generation history and usage tracking\n- Rate limiting for free vs. paid users\n\n## 🛠️ Tech Stack\n\n- **Framework**: Next.js 14 (App Router) with TypeScript\n- **Database**: Supabase (PostgreSQL with real-time subscriptions)\n- **Authentication**: Supabase Auth with Google OAuth\n- **Payments**: Stripe with webhook handling\n- **Styling**: Tailwind CSS with custom design system\n- **Animations**: Framer Motion for smooth UI interactions\n- **Charts**: Recharts for data visualization\n- **AI Services**: OpenAI GPT-4 + Replicate for image generation\n- **External APIs**: YouTube Data API v3\n- **Deployment**: Vercel (optimized configuration)\n\n## 📁 Project Structure\n\n```\nsrc/\n├── app/                          # Next.js 14 App Router\n│   ├── (auth)/                   # Authentication routes\n│   ├── api/                      # API endpoints\n│   │   ├── ai/                   # AI generation endpoints\n│   │   ├── webhooks/             # Stripe \u0026 Zapier webhooks\n│   │   └── youtube/              # YouTube API integration\n│   ├── dashboard/                # Protected dashboard routes\n│   ├── onboarding/               # Multi-step onboarding\n│   └── pricing/                  # Pricing \u0026 subscription pages\n├── components/                   # Reusable React components\n│   ├── auth/                     # Authentication forms\n│   ├── dashboard/                # Dashboard-specific components\n│   ├── landing/                  # Landing page sections\n│   ├── onboarding/               # Onboarding flow components\n│   ├── pricing/                  # Pricing components\n│   └── ui/                       # Base UI components\n├── lib/                          # Utility libraries\n│   ├── providers/                # React context providers\n│   ├── ab-testing.ts             # A/B testing logic\n│   ├── ai.ts                     # AI service integrations\n│   ├── stripe.ts                 # Stripe configuration\n│   ├── supabase.ts               # Database client\n│   ├── utils.ts                  # Helper functions\n│   └── youtube.ts                # YouTube API wrapper\n├── types/                        # TypeScript type definitions\n└── globals.css                   # Global styles\n```\n\n## 🚀 Quick Start\n\n### Prerequisites\n\n- Node.js 18+ and npm\n- Supabase account and project\n- Stripe account (test mode for development)\n- YouTube Data API key\n- OpenAI API key\n- Replicate API token\n\n### 1. Clone and Install\n\n```bash\ngit clone \u003crepository-url\u003e\ncd million-club-view\nnpm install\n```\n\n### 2. Environment Setup\n\nCopy the example environment file and configure your API keys:\n\n```bash\ncp env.example .env.local\n```\n\nConfigure the following environment variables:\n\n```env\n# Supabase Configuration\nNEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url\nNEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key\nSUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key\n\n# Stripe Configuration\nNEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_your_stripe_publishable_key\nSTRIPE_SECRET_KEY=sk_test_your_stripe_secret_key\nSTRIPE_WEBHOOK_SECRET=whsec_your_webhook_secret\n\n# YouTube Data API\nYOUTUBE_API_KEY=your_youtube_data_api_key\n\n# OpenAI API\nOPENAI_API_KEY=sk-your_openai_api_key\n\n# Replicate API\nREPLICATE_API_TOKEN=r8_your_replicate_token\n\n# Zapier Webhook (optional)\nZAPIER_WEBHOOK_URL=https://hooks.zapier.com/hooks/catch/your_webhook_id\n\n# App Configuration\nNEXTAUTH_URL=http://localhost:3000\nNEXTAUTH_SECRET=your_nextauth_secret\nAB_TEST_ENABLED=true\n```\n\n### 3. Database Setup\n\n1. Create a new Supabase project\n2. Run the database migrations:\n   ```sql\n   -- Copy and run the contents of supabase/migrations/001_initial_schema.sql\n   ```\n3. Optionally run the seed data:\n   ```sql\n   -- Copy and run the contents of supabase/seed.sql\n   ```\n\n### 4. Stripe Configuration\n\n1. Create products and prices in your Stripe dashboard\n2. Update the price IDs in `src/lib/stripe.ts`\n3. Set up webhook endpoints for subscription events\n4. Configure webhook secret in environment variables\n\n### 5. Run Development Server\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser.\n\n## 🎯 Key Features Walkthrough\n\n### A/B Testing System\n\nThe app includes a sophisticated A/B testing framework that allows you to experiment with:\n\n- **Pricing Strategies**: Different monthly/yearly prices and trial lengths\n- **Onboarding Flows**: Skip certain steps or modify the sequence\n- **UI Components**: Test different layouts and messaging\n\nUsers are automatically assigned to test groups, and you can analyze conversion rates through the dashboard.\n\n### AI Content Generation\n\nThe AI assistant provides three main tools:\n\n1. **Video Titles**: Uses GPT-4 to generate 5 click-worthy title variations\n2. **Thumbnail Ideas**: Creates detailed thumbnail concepts + actual images via Replicate\n3. **Script Outlines**: Structures video content with hooks, main points, and CTAs\n\nAll generations are saved to the database for history tracking and usage analytics.\n\n### YouTube Integration\n\nConnect YouTube channels to access:\n\n- Real-time subscriber and view counts\n- Video performance metrics\n- Channel analytics and growth tracking\n- Personalized AI recommendations based on actual content\n\n### Subscription Management\n\nFull Stripe integration including:\n\n- Multiple pricing tiers with trial periods\n- A/B tested pricing experiments\n- Subscription lifecycle management\n- Customer portal for plan changes\n- Usage-based rate limiting\n\n## 🚀 Deployment\n\n### Vercel Deployment (Recommended)\n\n1. Connect your GitHub repository to Vercel\n2. Configure environment variables in the Vercel dashboard\n3. Deploy with automatic CI/CD\n\n```bash\n# Or deploy manually\nnpm run build\nvercel --prod\n```\n\n### Environment Variables for Production\n\nEnsure all environment variables are configured in your deployment platform:\n\n- Set `NEXTAUTH_URL` to your production domain\n- Use production API keys for all services\n- Configure webhook URLs to point to your production endpoints\n\n### Database Migrations\n\nRun the database schema in your production Supabase instance:\n\n1. Copy the contents of `supabase/migrations/001_initial_schema.sql`\n2. Execute in your Supabase SQL editor\n3. Enable Row Level Security (RLS) policies\n4. Optionally run seed data for A/B test experiments\n\n## 🔧 Development\n\n### Available Scripts\n\n- `npm run dev` - Start development server\n- `npm run build` - Build for production\n- `npm run start` - Start production server\n- `npm run lint` - Run ESLint\n- `npm run type-check` - Run TypeScript compiler\n\n### Code Organization\n\n- **Components**: Follow atomic design principles with reusable UI components\n- **API Routes**: RESTful endpoints with proper error handling and validation\n- **Database**: Normalized schema with RLS policies for security\n- **Types**: Comprehensive TypeScript definitions for type safety\n\n### Testing Strategy\n\n- **A/B Testing**: Built-in framework for experimentation\n- **Error Handling**: Comprehensive error boundaries and API error handling\n- **Performance**: Optimized with Next.js 14 App Router and React Server Components\n- **Security**: RLS policies, authentication middleware, and input validation\n\n## 📊 Analytics \u0026 Monitoring\n\nThe application includes built-in analytics for:\n\n- User onboarding conversion rates\n- A/B test performance metrics\n- AI generation usage patterns\n- Subscription conversion and churn\n- YouTube channel growth tracking\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 🆘 Support\n\nFor support and questions:\n\n- 📧 Email: support@millionviewclub.com\n- 💬 Discord: [Join our community](https://discord.gg/millionviewclub)\n- 📖 Documentation: [docs.millionviewclub.com](https://docs.millionviewclub.com)\n\n---\n\n**Built with ❤️ for the creator economy**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleosolar8%2Fmvc-mini-test-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleosolar8%2Fmvc-mini-test-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleosolar8%2Fmvc-mini-test-project/lists"}