Transform your photos with the power of AI! Pictoria AI is your ultimate solution for creating/generating professional AI-generated photos, similar to the popular PhotoAI platform. Perfect for LinkedIn headshots, Instagram content, dating profile pictures, and professional portraits. Train AI model on your personal images and generate stunning, high-quality AI-generated photos within minutes.
If you want to learn how to create it please follow below tutorial👇:
➡ Tutorial Link 💚: How to Build a $1M PhotoAI Sass Clone
➡ Final Source Code💛: https://dub.sh/wYWBX9z (Get 40% discount with code MWMJY2NG only for next 3 Days)
🎯 For customised solutions or deployment please contact: https://tally.so/r/wdlj0N
- 🛠️ Complete SaaS built in modern Next.js
- 💻 Beautiful landing page included
- 🤖 Train AI model on your personal images
- 🖥️ Clean & intuitive event monitoring dashboard
- 🎯 AI-Powered Professional Photo Generation
- 🎨 Custom AI Model Training
- 💼 Professional LinkedIn Headshots
- 🌟 Clean, modern UI on top of shadcn-ui
- 📱 Social Media Content Generation
- 💳 Integrated Payment System
- ✉️ Email Notifications
- 📊 Usage Analytics
- 🎁 ...much more
- Framework: Next.js 15 (App Router)
- Styling: Tailwind CSS, Shadcn UI
- Database: Supabase (PostgreSQL)
- Authentication: Supabase Auth
- AI Integration: Replicate AI API
- Payment Processing: Stripe
- Email Service: Resend
- Language: TypeScript
Before you begin, ensure you have:
- Node.js installed (v20.x recommended, v18+ supported)
- A Supabase account
- A Replicate account
- A Stripe account
- A Resend account
git clone [your-repo-url]
cd Pictoria-AI-Starter-Codenpm install
# or
yarn install
# or
pnpm installCreate a .env.local file in the root directory. Check .env.example for required variables.
- Create a new Supabase project
- Create a new storage bucket named
generated_images - Execute the SQL queries from
supabase-queries.mdin your Supabase SQL editor (You can also follow the tutorial video to setup the database) - Set up the database triggers and functions
- Make sure to setup the right RLS policies (You can also follow the tutorial video to setup the RLS policies)
Visit these links to set up your AI models:
For stock images (not for training), I have used Lummi AI
When training your custom model, ensure:
- 10-15 images in total
- Recommended breakdown for 12 images:
- 6 face closeups
- 3-4 half body closeups
- 2-3 full body shots
- No accessories on face/head
- Different expressions, clothing, backgrounds
- 1:1 resolution (1048x1048 or higher)
- Images under 45MB total size
Watch our detailed video tutorial for Stripe integration setup: Stripe Setup Tutorial
npm run dev
# or
yarn dev
# or
pnpm devVisit http://localhost:3000 to see your app.
├── app/ # Next.js 15 app directory
├── components/ # React components
├── lib/ # Utility, Supabase & Stripe functions
├── public/ # Static assets
└── globals.css # Global styles
- Hobby: 1 trained model/month, 100 images/month
- Pro: 2 trained models/month, 300 images/month
- Enterprise: 5 trained models/month, unlimited images
For a complete setup walkthrough, check out our video tutorial.
Give a ⭐️ if this project helped you!
If you have any question or want a custom build for your business, you can reach out to me via:
- E-mail : [email protected]
- Twitter: https://twitter.com/code_bucks
- Instagram: https://www.instagram.com/code.bucks/
MyChannel: https://www.youtube.com/codebucks My Website: https://devdreaming.com/