An advanced AI-powered product photography studio that helps users transform simple product photos into professional-grade marketing assets.
-
Install Dependencies:
npm install
-
Set up Environment Variables: Create a
.env.localfile with your Firebase configuration:NEXT_PUBLIC_FIREBASE_API_KEY=... NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=... NEXT_PUBLIC_FIREBASE_PROJECT_ID=... NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=... NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=... NEXT_PUBLIC_FIREBASE_APP_ID=...
-
Run Development Server:
npm run dev
Open http://localhost:3000 to view the application.
- High Fidelity Background Removal: Instantly remove backgrounds from product images with high precision.
- Creative AI (Subject-Preserving): Generate professional backgrounds based on text prompts while keeping the original product unchanged (using Imagen 3 BGSWAP).
- AI Vision Analysis: Automatically analyzes uploaded products using Gemini to understand context and details.
- Multi-language Support (i18n): Full support for Hebrew (RTL) and English.
- Secure Cloud Processing: Image processing happens securely in Google Cloud Functions using Vertex AI.
This project is built with:
- Frontend: Next.js 14, React, Tailwind CSS, Shadcn/ui.
- Backend: Firebase (Functions, Firestore, Storage, Authentication).
- AI Models:
- Vision: Google Gemini 3 Flash (Analysis).
- Generation: Google Imagen 3 (Background Replacement).
| Variable | Description | Required |
|---|---|---|
NEXT_PUBLIC_FIREBASE_* |
Firebase Client SDK Config | Yes |
GOOGLE_APPLICATION_CREDENTIALS |
(Backend) Service Account for Vertex AI | Yes (Local Dev) |
- Functions: Located in
/functions. Runnpm run buildin that directory to compile TypeScript. - Deployment:
firebase deploy --only functions firebase deploy --only hosting
Private / Proprietary.