Starter kits

AI

AI SaaS Starter

A chat product with streaming, history, credits, and billing. The model provider sits behind a small adapter.

Next.jsTypeScriptTailwind CSSPrismaStripe

Who it is for

Developers launching an AI tool who need usage limits and payments before the first customer.

Included

  • Chat interface with streaming responses
  • Provider adapter for OpenAI-compatible APIs
  • Generation history
  • Usage tracking and monthly credits
  • Free and Pro plans
  • Stripe billing
  • Authentication, dashboard, and settings
  • Responsive layout and production structure

What you receive

  • Next.js application
  • AI provider adapter
  • Credit ledger
  • README and .env.example

Setup

1. npm install 2. Copy .env.example and set DATABASE_URL, AUTH_SECRET, STRIPE keys, and AI_API_KEY 3. npx prisma db push && npm run dev 4. Send a message on /app to confirm streaming

The zip includes the project source, README, and .env.example. Install dependencies locally. Paid source is not published on the site.

License and access

One-time purchase. After Stripe confirms payment, you download the source. Use and modify it in personal, commercial, and client projects. Do not resell the original source as a competing kit. Attribution is optional. The download stays on the success page for that checkout session.

Guides

FAQ

Am I locked to one AI vendor?

No. Requests go through src/lib/ai/provider.ts. Point AI_BASE_URL at any OpenAI-compatible endpoint, or replace the adapter.

How do credits work?

Each generation records token usage. Free accounts stop at the monthly credit cap. Pro raises the cap after Stripe marks the subscription active.

Product updates for developers shipping with Designyff kits.

Purchased source may be used in personal, commercial, and client projects. Do not redistribute or resell the original source. Terms of Service

Designyff © 2026 | Starter kits for developers | Powered by  Tacko