An AI-powered image editing web application built with Next.js, leveraging the capabilities of ImageKit.io and modern authentication to provide a seamless, smart editing experience.
- 🖼️ Upload and preview images in real-time
- 🎨 Edit images using AI enhancements (e.g., filters, auto-enhance, background removal)
- 🔐 Authentication system for user login and secure access
- ☁️ Image hosting and transformation via ImageKit.io
- 📱 Fully responsive and modern UI
- ⚡ Fast performance with optimized rendering (Next.js)
| Technology | Description |
|---|---|
| Next.js | React framework for SSR & SSG |
| ImageKit.io | Real-time image optimization & CDN |
| Tailwind CSS | Modern utility-first CSS framework |
| Shadcn UI | Beautiful, customizable UI components |
| Authentication | Secure login (e.g., NextAuth.js / JWT) |
| TypeScript (optional) | Safer, scalable JS alternative |
git clone https://github.com/SHAKSHYAM23/AI-Image-editor.git
cd AI-Image-editor
2. Install dependencies
bash
Copy
Edit
npm install
# or
yarn install
3. Dont forget to add env file
# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
CLERK_JWT_ISSUER_DOMAIN=
# Imagekit
NEXT_PUBLIC_IMAGEKIT_PUBLIC_KEY=
NEXT_PUBLIC_IMAGEKIT_URL_ENDPOINT=
IMAGEKIT_PRIVATE_KEY=
# Unsplash
NEXT_PUBLIC_UNSPLASH_ACCESS_KEY=
3.
npm run dev
Built with ❤️ by Shakshyam Pandey