vibe codeparty starter

The Next.js starter project for vibe coding SaaS apps.

npx vibecode-party-starter
V
vibecode.party.starter

A Next.js starter template for building full-stack apps with auth, database, storage, and more! 🚀

The Good Stuff

Party Favors Included

We packed all these awesome goodies so you can focus on vibing, not configuring!

UI Components

Gorgeous Shadcn/UI components that make your app look like a million bucks! 💅

Authentication

Clerk auth that's so easy, you'll set it up before your coffee gets cold! ☕

Database

Supabase that's super-powered! Store your data with style. 🗄️

File Storage

AWS S3 storage that's ready to handle all your party pics! 📸

Email Service

SendGrid to make sure your messages slide into inboxes, not spam! 📨

Payments

Stripe integration so smooth, money just slides right in! 💸

AI SDK Integration

Use AI to generate text, structured data and images.

End-to-End Testing

Playwright testing with visual regression and CI/CD integration! 🧪

Analytics

Built-in visit tracking and route analytics with Supabase! 📊

Let's Go!

Join the Party

Follow these simple steps and you'll be vibing in no time! 🕺💃

Installation
Get the party started on your machine in seconds!

Run the command and follow the prompts...

npx vibecode-party-starter
Ready-to-Use

Full-Stack Components

Plug-and-play full stack components that integrate with best-in-class services! Just add your API keys and you're good to go!

Authentication

Complete Auth Flow

A fully implemented authentication system with Clerk, including sign-up, login, password reset, and profile management.

  • Social login with Google, GitHub, etc.
  • Email verification and password reset
  • Protected routes and middleware
  • Admin user role management
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEYCLERK_SECRET_KEY
File Upload

S3 File Upload System

A complete file upload system with AWS S3 integration, progress tracking, and image optimization.

  • Drag-and-drop file uploads
  • Image preview and optimization
  • Progress tracking with cancel option
  • CloudFront CDN integration
AWS_KEYAWS_SECRETAWS_BUCKET_PUBLIC
Payments

Stripe Payment System

A complete payment processing system with Stripe, including checkout, subscriptions, and webhooks.

  • One-time and subscription payments
  • Secure checkout with Stripe Elements
  • Webhook handling for payment events
  • Customer portal for subscription management
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEYSTRIPE_SECRET_KEY
Contact Form + SendGrid

Ready-to-Use Contact Form

A complete contact form solution with SendGrid email integration and Google ReCAPTCHA protection against bots.

  • Sends emails via SendGrid API
  • Protected with Google ReCAPTCHA v3
  • Configurable recipient email via env vars
  • Form validation with error handling
SENDGRID_API_KEYCONTACT_EMAILRECAPTCHA_SECRET_KEY
Cloud DB

Cloud Database

A complete database management interface with Supabase integration, including table views, data editing, and backup management.

  • Easy Local development database setup
  • Local and production migration workflows
  • Backup and restore functionality
  • Basic user analytics tracking
NEXT_PUBLIC_SUPABASE_URLSUPABASE_SERVICE_ROLE_KEY
AI Integration

AI SDK Hooks

A complete AI integration with OpenAI and Replicate, including text generation, structured data, and image generation.

  • Text generation with useGenerateText() and useGenerateTextStrings()
  • Structured data generation with useGenerateObject()
  • Image generation with useGenerateImage()
OPENAI_API_KEYREPLICATE_API_TOKEN
Project Guidelines

Built-In Cursor Rules

A complete set of project guidelines and best practices enforced through Cursor rules, helping maintain consistency and quality across your codebase.

  • Project structure and file organization guidelines
  • Component location and naming conventions
  • Authentication patterns and best practices
  • Database and frontend development rules
000-tooling
100-architecture
200-database
300-auth
400-frontend
999-meta
E2E Tests

End-to-End Testing

A complete end-to-end testing setup with Playwright, including visual regression and CI/CD integration.

  • Interactive test development with `pnpm pw`
  • Visual regression testing built-in
  • CI/CD ready test automation
  • Cross-browser test coverage
TEST_USER_EMAILTEST_USER_PASSWORDTEST_USER_ID
The VIP Section

Built for Vibecoding

We've got the hottest services ready to make your app the life of the party! 🔥

Shadcn/UI for Components

Built on a foundation of Shadcn/UI with TailwindCSS, you will be able to prompt Cursor and other LLMs to produce great UI/UX designs with components that are accessible and easy to use.

Add more components auto-magically with v0 or other AI tools.

Vibecode-Friendly NPM Scripts

Deploy your code quickly with scripts like pnpm go or pnpm ship that automatically run tests, write commit messages and get your changes into production so you can keep vibing.

Party Tricks

Dev Superpowers

Tools to keep your code quality high and your vibes even higher! 🚀

AI SDK Integration

Use AI to generate text, structured data and images.

Text Generation with Streaming

Structured Data Generation

String Array Generation

Image Generation

Test

Keep the party going without crashes! Our Playwright testing setup lets you vibe with confidence. Even AI can't break your app when you've got tests! 🧪

Open the test console

pnpm pw

Run the whole test suite

pnpm test
Ship

Vibe-code friendly NPM scripts 🌊

Go straight to production without even writing a commit message.

pnpm go

Ship it to production with full CI checks.

pnpm ship