ai-image-generator

ai-image-generator

An AI-powered image generation website built using Next.js, Gemini LLM, Imagen, Vertex AI and Google Cloud.

0


Introduction

AI Image Generator is an AI-powered image generator site made using Imagen, Vertex AI and Google Cloud.
This is a Next.js project bootstrapped with create-next-app.

Features

  • Prompt recommendation using Google Gemini LLM models.
  • Image generation using the latest Google Imagen models.
  • Geolocation tracking.

Technologies

Architecture

AI Image GeneratorFrontend AppNext.jsFirebasegenerateImageFirebase FunctionsgetImageFirebase FunctionsgetImagesFirebase FunctionsgetPromptSuggestionFirebase FunctionsStore imagesCloud StorageVertex AIImage generatorImagen 4Prompt generatorGemini 2.0AI Image GeneratorApp Hub

Project Milestones

This project has gone through quite a few changes since its inception.

  • 2023: Foundation & Modernization

    • Project initiated with Next.js 13, Tailwind CSS, and initial OpenAI integration (Mar 2023).
    • Adopted Edge Functions for all APIs, enhancing performance and scalability.
    • Implemented Firebase Functions V2 and moved all API logic to callable functions in the Singapore region.
    • Introduced tRPC for type-safe API routes.
    • Integrated Vertex AI and implemented a UI for selecting AI providers.
    • Standardized code formatting with Prettier and enhanced linting with ESLint, including type import rules.
    • Introduced a dark mode UI.

  • 2024: AI Integrations & Feature Expansion

    • Upgraded core AI models, including Gemini 1.0/1.5 Flash and Imagen 2.
    • Migrated from OpenAI to Vertex AI (Gemini and Imagen) as the primary AI engine.
    • Implemented key features such as a favorites section for images, an individual image page, and a model selector.
    • Introduced optional login and server-side rendering for authentication using Next.js Auth.
    • Enhanced image handling with sharp for processing and new prompt metadata.
    • Improved developer experience by switching Next.js config to TypeScript and adopting clsx/tailwind-merge utilities.

  • 2025: Performance & Advanced Tooling

    • Migrated to ESLint flat config and upgraded Tailwind CSS to v4.0.
    • Upgraded the project runtime engine to Node.js 22.
    • Deprecated older AI models (PaLM 2) and introduced Imagen 4 models.
    • Adopted BProgress for page load indication.
    • Enabled Turbopack for faster local development and builds.
    • Integrated Terraform scripts for App Hub for Infrastructure as Code (May 2025).

Deployment

This project is deployed on Vercel and Google Cloud.
Visit the URL: https://imagen.kentandrian.com/

Contact

For more information, follow me on X: @ken_tandrian.

ai-image-generator | Kenrick Tandrian