Production-grade full-stack boilerplate for modern Vibe Coding.
Authentication, payments, AI, i18n, and more — out of the box. Go from idea to launch in hours, not days.
We noticed that many people have to repeatedly write boilerplate code and rebuild infrastructure when vibe coding new products. VibeAny changes that — with just 10–20 minutes of configuration, you get:
- Complete authentication system with email/password, Google/GitHub OAuth, magic links
- Multi-provider AI chat with 100+ models (OpenAI, Claude, Gemini, DeepSeek, Grok, and more)
- Payment integration with Stripe, Creem, PayPal, WeChat Pay, Alipay — subscriptions & one-time
- Credit system for AI monetization with daily rewards, sign-up bonuses, and FIFO consumption
- Enterprise-grade landing page components — responsive and SEO-friendly
- Admin panel with user management, dynamic config, role management
- Blog & Docs powered by MDX and Fumadocs, with full-text search
- Type-safe i18n with Intlayer — translation errors caught at compile time
| 🔐 Authentication | 🤖 AI Chat (100+ models) |
 |
 |
| 💳 Payment & Pricing | ⚙️ Dynamic Config |
 |
 |
| 📝 Blog & Roadmap | 📚 Documentation |
 |
 |
| Category | What You Get |
|---|---|
| Framework | TanStack Start + React 19 + Vite — file-based routing, SSR, server functions |
| Auth | Email/password, Google, GitHub OAuth, magic links, email verification (Better Auth) |
| RBAC | Role-based access control with permission inheritance |
| AI | Vercel AI SDK with 12 providers, 100+ models, streaming responses |
| Payments | Stripe, Creem, PayPal, WeChat Pay, Alipay — subscriptions & one-time payments |
| Credits | Token-based AI billing with FIFO consumption, daily rewards, sign-up bonuses |
| Landing Page | Hero, features, benefits, testimonials, FAQ, CTA — all configurable |
| Blog & Docs | MDX-powered blog + Fumadocs documentation, multilingual |
| Changelog & Roadmap | Product changelog timeline and visual roadmap board |
| Admin Panel | User management, system configuration, role management |
| i18n | Type-safe internationalization with Intlayer (English + Chinese out of the box) |
| Verification and magic link emails via Resend or custom SMTP | |
| Storage | S3-compatible upload (Cloudflare R2, AWS S3, MinIO) |
| UI | Tailwind CSS v4, shadcn/ui, Radix primitives, Lucide icons |
| Theme | Light / dark / system with one-click toggle |
| Deployment | Node.js, Docker, or Cloudflare Workers (edge-native with D1 + R2) |
graph TB
Client([Browser])
subgraph Frontend
Router[TanStack Router]
Query[TanStack Query]
UI[React 19 + shadcn/ui]
I18n[Intlayer i18n]
end
subgraph Backend["TanStack Start (Vite + Nitro)"]
API[Server Functions / API Routes]
Auth[Better Auth]
Services[Business Logic]
RBAC[RBAC Middleware]
end
subgraph Data
DB[(PostgreSQL)]
ORM[Drizzle ORM]
S3[S3 Storage]
end
subgraph Content
MDX[MDX Blog]
Docs[Fumadocs]
end
subgraph External
AI[AI Providers]
Email[Resend / SMTP]
OAuth[GitHub / Google OAuth]
Pay[Stripe / PayPal / ...]
end
Client --> Router
Router --> Query
Query --> API
UI --> Router
I18n --> UI
API --> Auth
API --> Services
Auth --> RBAC
Auth --> OAuth
Services --> ORM
ORM --> DB
Services --> S3
Services --> AI
Services --> Email
Services --> Pay
Router --> MDX
Router --> Docs
| Layer | Technology |
|---|---|
| Framework | TanStack Start + React 19 + Vite |
| Routing | TanStack Router (file-based) |
| Data Fetching | TanStack Query |
| Database | PostgreSQL + Drizzle ORM |
| Auth | Better Auth |
| Payments | Stripe / Creem / PayPal / WeChat / Alipay |
| AI | Vercel AI SDK (12 providers, 100+ models) |
| Styling | Tailwind CSS v4 + shadcn/ui |
| i18n | Intlayer |
| Content | Fumadocs (docs) + MDX (blog) |
| Validation | Zod |
| State | Zustand |
| Animation | Motion |
| Linting | Biome |
- Node.js 20+
- pnpm 9+
- PostgreSQL database
git clone https://github.com/jiahao-jayden/vibe-any-tanstack.git
cd vibe-any
pnpm installcp .env.example .env.localThe app runs in static mode with zero configuration — landing page, blog, and docs work without a database. To enable auth and user features, set DATABASE_URL and BETTER_AUTH_SECRET.
pnpm db:pushpnpm devOpen http://localhost:3377.
For full setup instructions including AI, payments, and email, see the Documentation.
src/
├── actions/ # Server actions
├── config/ # Site config, i18n content, dynamic config
├── db/ # Drizzle schema (auth, config, RBAC)
├── integrations/ # RBAC checker, storage, TanStack Query, AI
├── routes/
│ ├── api/ # API routes (auth, admin, file upload)
│ └── {-$locale}/ # Page routes with i18n prefix
│ ├── _main/
│ │ ├── _landing/ # Landing pages (home, blog, changelog, etc.)
│ │ ├── admin/ # Admin panel
│ │ └── chat/ # AI chat
│ ├── docs/ # Documentation
│ └── login/ # Login page
├── services/ # Business logic
└── shared/
├── components/ # UI components
├── context/ # React context (global state)
├── hooks/ # Custom hooks
├── lib/ # Utilities (auth, email, config, tools)
├── middleware/ # Route middleware (auth, locale)
├── model/ # Database query functions
└── types/ # TypeScript types
Deploy to the edge with zero cold starts using Cloudflare Workers + D1 (SQLite) + R2 (storage):
pnpm build:cf
wrangler deployConfigure wrangler.toml with your D1 database and R2 bucket bindings. See the Cloudflare deployment guide for details.
docker build -t vibe-any .
docker run -d -p 3000:3000 vibe-anypnpm build
node .output/server/index.mjsWorks with any Node.js hosting — Vercel, Railway, Fly.io, VPS, Docker, etc.
Contributions are welcome! Please read the Contributing Guide before submitting a PR.
- Discord — Chat with the team and other developers
- GitHub Issues — Report bugs or request features
- Documentation — Full setup and usage guide