Imaginify
AI-powered image generation & editing SaaS platform
A fully-featured AI image manipulation SaaS built with Next.js 15. Users can restore photos, generatively fill backgrounds, remove objects, recolor elements, and remove backgrounds — all powered by Cloudinary AI, with Stripe subscriptions and Clerk authentication.
Source Code
About this project
Imaginify is a modern AI-powered SaaS platform for image generation and editing, built with Next.js 15 and TypeScript. The platform leverages Cloudinary's AI transformation pipeline to offer a suite of powerful image tools: photo restoration, generative background fill, object removal, element recoloring, and background removal — all rendered in real time.
The platform implements a credit-based billing model via Stripe, with multiple subscription tiers and webhook integration for reliable payment confirmation. User authentication and session management is handled entirely by Clerk, supporting social login and secure access.
Key technical achievements include:
- Optimistic UI updates for immediate transformation feedback
- Server-side rendering for SEO-critical pages
- Code splitting and lazy loading for optimal performance
- Lighthouse-optimized architecture scoring 90+
MongoDB with Mongoose handles user profiles, credit balances, and transaction history.
Tech Stack
Next.js
TypeScript
MongoDB
Clerk
Tailwind CSSPerformance Score
Source Code