Admin Settings Guide

1. Environment Variables

All secrets and configuration live in .env.local (never committed to git). After changing any value, restart the dev server or redeploy.

Authentication (Clerk)

Database (Supabase / Prisma)

Storage (Cloudflare R2)

AI Providers

Payments (Stripe)

2. Credit System

New users receive 5 credits on first sign-up (set in lib/db.ts). The Prisma schema default is 3, but the application code overrides it to 5.

How to change default credits

1. Open lib/db.ts and update the credits value in the syncUser function.
2. Optionally update prisma/schema.prisma — change @default(3) on the credits field to match.
3. Run npx prisma db push to sync schema changes.

Stripe credit packs

Credit pack pricing and quantities are managed in the Stripe dashboard. The three product price IDs are stored as environment variables (see above). To change pack sizes or prices, update the products in Stripe and set the new price IDs in .env.local.

3. Showcase / Prompt Library

The showcase prompt library is managed through a password-protected admin panel:

/nanobanana/showcase/admin

Admin password

The password is currently hardcoded in two files:

• app/nanobanana/showcase/admin/page.tsx — ADMIN_PASSWORD constant
• app/api/prompt-library/route.ts — ADMIN_PASSWORD constant

To change the admin password, update the ADMIN_PASSWORD value in both files. For better security, consider moving this to an environment variable.

Showcase admin capabilities

• Add, edit, and delete showcase prompts
• Manage preset prompts
• Upload and manage images per prompt (drag & drop)
• Reorder prompts

Seeding prompt data

Run the seed script to populate default presets:

npx tsx scripts/seed-prompt-library.ts

4. Database Management

Schema changes

1. Edit prisma/schema.prisma
2. Run npx prisma db push to apply changes
3. Run npx prisma generate to regenerate the client

Database models

Useful commands

npx prisma studio        # Visual database browser
npx prisma db push       # Push schema to database
npx prisma generate      # Regenerate Prisma client
npx prisma migrate dev   # Create migration (development)

5. AI Providers

To swap or add a provider, create a new API route under app/api/ and set the corresponding API key in .env.local.

6. Build & Deployment

Build configuration

Configured in next.config.js:

• TypeScript errors — ignored during build (ignoreBuildErrors: true)
• ESLint — ignored during build (ignoreDuringBuilds: true)
• Image optimization — disabled (unoptimized: true)

Stripe webhook (local dev)

stripe listen --forward-to localhost:3000/api/webhook

Copy the webhook signing secret printed by the CLI into STRIPE_WEBHOOK_SECRET in your .env.local.

7. Quick Reference