Skip to content

Thumbnail Generator

Thumbnail Generator helps YouTube creators instantly make scroll-stopping thumbnails powered by Nano Banana (Gemini-2.5-Flash-Image).

Code Video Cerebral Valley

Core trick

Extracts candidate frames from an imported video and passes them with a headline to Gemini image generation to produce thumbnail variants.

Tags

creative/musicvision

Description

Thumbnail Generator helps YouTube creators instantly make scroll-stopping thumbnails powered by Nano Banana (Gemini-2.5-Flash-Image). Import a video, grab the best frames, add a headline, and generate multiple polished thumbnail options in seconds—no design skills required. It saves creators time, boosts click-through rates, and makes professional thumbnails accessible to everyone.
aj47/CreatorToolHub★ 218 forksTypeScriptCreated Sep 6, 2025 · last push Jan 25, 2026

README excerpt

# Creator Tool Hub

A single Next.js app that hosts multiple creator tools. The first tool is the Thumbnail Creator at `/thumbnails`.


## Environment Configuration

All required environment variables have been configured for production deployment.

## Tech
- Next.js 15 (App Router)
- React 19, TypeScript
- Tailwind (via `@tailwindcss/postcss`), autoprefixer, `tailwindcss-animate`
- NextAuth (Auth.js) with Google OAuth
- API uses Google Gemini via `@google/genai`

## Getting started

1) Install deps

```bash
npm install
```

2) Env vars

**For Development (Simplified Setup):**

Create `.env.local` with the required API keys:

```bash
# Required for development
GEMINI_API_KEY=your_gemini_api_key_here

# Optional: Fal AI Configuration (for image editing features)
FAL_KEY=your_fal_api_key_here
# Note: Fal AI models are hardcoded (fal-ai/flux-2-pro/edit and fal-ai/qwen-image-edit/image-to-image)
```

**Development Mode Features:**
- 🚫 **No Google OAuth setup required** - authentication is automatically bypassed
- 🚫 **No Autumn billing setup required** - credits are mocked (999 credits)
- ✅ **Mock user**: `dev@example.com` with full access
- ✅ **All features work** without external service dependencies

**For Production:**

Copy `.env.production.example` to your Cloudflare Pages environment variables and fill in all values:

```bash
# Required for production
NEXTAUTH_SECRET=your_random_secret_here
NEXTAUTH_URL=https://your-domain.com
GOOGLE_CLIENT_ID=your_google_oauth_client_id
GO

Team