Skip to main content
Image Studio is one of the most product-ready demos in the repo. It is not just “enter prompt, get image”. It includes a gallery workflow, model switching, history, previewing, downloading, and deletion.

​
What Users Can Do

Users can:
  • write a prompt and generate images
  • switch between several image models
  • use reference images when a model supports it
  • browse creations in a visual gallery
  • preview images in a lightbox
  • search previous generations
  • download or delete results
That makes it feel much closer to a real AI creative tool.

​
Current Model Surface

  • GPT Image
  • Nano Banana 2
  • Nano Banana Pro
  • Seedream 5 Lite
  • Imagen 4
  • Flux 1.1 Pro
  • Flux Schnell
  • Ideogram V2
  • Recraft V3
OpenAI powers GPT Image directly. Many of the other models are routed through Replicate.

​
What You Need

Supabase

Needed for auth and saved generation history.

Storage

Needed for generated files and persistent gallery items.

Replicate

Needed for most non-OpenAI image models.
You also need OPENAI_API_KEY for GPT Image.

​
How The App Works

Here is the practical flow:
  1. the user writes a prompt and chooses a model
  2. the app sends the request to the correct provider
  3. the generated image is stored
  4. the gallery refreshes and shows the new result
  5. the user can preview, search, download, or delete it later
The UI is built around a gallery plus a floating generation bar, which is a much stronger pattern than hiding everything in a form-heavy dashboard.

​
Why This App Is Useful As A Template

This app is a strong starting point if you want to build:
  • AI ad creative generators
  • social media asset tools
  • product mockup generators
  • brand visual tools
  • internal creative studios
It already solves many of the annoying product details, like history, storage-backed assets, and model switching.

​
Good First Customizations

Most people customizing this app start with:
  • the model catalog in app/(apps)/image-studio/lib/models.ts
  • default model settings
  • credit pricing per model
  • branding and empty states
  • gallery filtering and sorting behavior

​
Verification

Your setup is working if:
  • the page loads
  • at least one configured model is available
  • generations complete successfully
  • new images appear in the gallery
  • download and delete both work