# next-app-ai-saas

**Repository Path**: github-rocks/next-app-ai-saas

## Basic Information

- **Project Name**: next-app-ai-saas
- **Description**: AI-powered image generator. A real SaaS app using Next.js 14, Clerk, MongoDB, Cloudinary AI, Stripe and Shadcn UI.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-02
- **Last Updated**: 2026-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# About

**Imagenko** it's an AI-powered image generator. The project was implemented as a real Software-as-a-Service app with AI features and payments & credits system.

The project also aimed to improve real-world application development skills. Thanks to **JavaScript Mastery** tutorials and masterclasses from **Adrian Hajdin** 🚀.

![](https://github.com/getFrontend/next-app-ai-saas/blob/main/public/imagenko-1.png?raw=true)

## Tech Stack

⚙️ Next.js 14

⚙️ TypeScript

⚙️ MongoDB & Mongoose

⚙️ React Hook Form & Zod (for form validation)

⚙️ Clerk

⚙️ Cloudinary

⚙️ Stripe

⚙️ Shadcn UI & Tailwind CSS

## Features

🔋 **Authentication and Authorization**: Secure user access with registration, login, and route protection.

![](https://github.com/getFrontend/next-app-ai-saas/blob/main/public/imagenko-2.png?raw=true)

🔋 **Community Image Showcase**: Explore user transformations with easy navigation using pagination

🔋 **Advanced Image Search**: Find images by content or objects present inside the image quickly and accurately

🔋 **Image Restoration**: Revive old or damaged images effortlessly

🔋 **Image Recoloring**: Customize images by replacing objects with desired colors easily

🔋 **Image Generative Fill**: Fill in missing areas of images seamlessly

🔋 **Object Removal**: Clean up images by removing unwanted objects with precision

🔋 **Background Removal**: Extract objects from backgrounds with ease

![](https://github.com/getFrontend/next-app-ai-saas/blob/main/public/imagenko-4.png?raw=true)

🔋 **Download Transformed Images**: Save and share AI-transformed images conveniently

🔋 **Transformed Image Details**: View details of transformations for each image

🔋 **Transformation Management**: Control over deletion and updates of transformations

🔋 **Credits System**: Earn or purchase credits for image transformations

🔋 **Profile Page**: Access transformed images and credit information personally

![](https://github.com/getFrontend/next-app-ai-saas/blob/main/public/imagenko-3.png?raw=true)

🔋 **Credits Purchase**: Securely buy credits via Stripe for uninterrupted use

🔋 **Responsive UI/UX**: A seamless experience across devices with a user-friendly interface

## Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/)

**Cloning the Repository**

```bash
git clone https://github.com/getFrontend/next-app-ai-saas.git
```

**Installation**

Install the project dependencies using npm:

```bash
npm run dev
```

**Set Up Environment Variables**

Rename the `.env_example` file to `.env.local`.

Replace the placeholder values with your actual respective account credentials from [Clerk](https://clerk.com/), [MongoDB](https://www.mongodb.com/), [Cloudinary](https://cloudinary.com/) and [Stripe](https://stripe.com)

**Running the Project**

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.