DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

A SaaS application for image editing using AI

Pixiemist

A SaaS application for image editing using AI

A SaaS application for image editing using AI.

A SaaS application for image editing using AI

Technologies

  • ✨ Next js 13 App Router
  • ⚒ Models from Replicate
  • 💎 Styled using Tailwind CSS
  • 🎨 Components and Theme using Shadcn/ui
  • 🔒 Authentication using NextAuth.js
  • 🐻 State Management using Zustand
  • 📊 ORM using Prisma
  • 🧧 Database – SQL on PlanetScale
  • 💳 Subscriptions using Stripe
  • 🔧 Form Validations using Zod
  • 📷 Image Storage using Cloudinary
  • 📤 Drag n Drop using React-dropzone
  • 🌀 Written in TypeScript

Running Locally

  1. Install dependencies using pnpm:
pnpm install
Enter fullscreen mode Exit fullscreen mode
  1. Copy .env.example to .env and update the variables according to the need.
cp .env.example .env
Enter fullscreen mode Exit fullscreen mode
  1. Start the development server:
pnpm dev
Enter fullscreen mode Exit fullscreen mode

Note: Sometimes the generations can take upto 3 to 5 mins because of Replicate’s Cold Start. Learn More

GitHub

View Github

Top comments (0)