Let's Build an AI Photo Editor Micro SaaS with Next JS | Framer Motion | Stripe | ImageKit
Hi everyone, welcome back!
In today’s video, we’re building an AI Photo Editor Micro SaaS using Next.js, Framer Motion, Stripe, and ImageKit.
This project will teach you how to:
Set up usage-based subscriptions with Stripe
Add smooth animations with Framer Motion
Use ImageKit as an image & video API with AI-powered DAM for editing magic
👉 Sign up for ImageKit here: https://tinyurl.com/yevemp8h
💻 Source Code: https://github.com/shahriarsajeeb/pixora (Don’t forget to ⭐ the repo!)
---
⏱️ Timestamps
00:00 Intro
0:40 Demo
08:17 Project Setup
15:18 Navbar
32:51 Hero Section
51:11 Features
1:04:32 Pricing
1:22:02 Google Auth + DB Integration
1:48:52 Editing Tools
2:54:27 Footer
2:58:50 Implementing ImageKit + AI Filters
3:39:30 Subscription Modal & Stripe Integration
---
🌐 Follow me for updates
🐦 Twitter (X): https://x.com/iShahriarsajeeb
📷 Instagram: / shahriar \_sajeeb\_/
💼 LinkedIn: / shahriar-sajeeb-76763222a
💬 Drop your questions in the comments — I’ll reply to every dev serious about leveling up their skills.
📩 For business inquiries: [email protected]