https://github.com/krinskumar/nobrainer-ai_saas

A SaaS concept for generating🎨code, 📸image, 🎥video and 🎵audio. Used OpenAI and ReplicateAI for the generations and Clerk for User Management. Supports Google and GitHub OAuth
https://github.com/krinskumar/nobrainer-ai_saas

ai next openai tailwind

Last synced: about 1 month ago
JSON representation

A SaaS concept for generating🎨code, 📸image, 🎥video and 🎵audio. Used OpenAI and ReplicateAI for the generations and Clerk for User Management. Supports Google and GitHub OAuth

• Host: GitHub
• URL: https://github.com/krinskumar/nobrainer-ai_saas
• Owner: KrinsKumar
• Created: 2023-07-19T14:08:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-06T21:18:39.000Z (over 1 year ago)
• Last Synced: 2024-11-10T04:59:32.953Z (3 months ago)
• Topics: ai, next, openai, tailwind
• Language: TypeScript
• Homepage: https://no-brainer-ai-saa-s-concept.vercel.app
• Size: 1.29 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [SaaS AI Platform](https://no-brainer-ai-saa-s-concept.vercel.app/)

This is a Full Stack SaaS business concept made using Next.js 13 and Tailwind. You can talk with a bot, and generate code, image, audio, and video.  

NOTE - sometimes the generations won't work, because the APIs have their limits. The limits reset every month.

![Home page of the clone](/gh-images/image.png)

## Front End

Using the power of Next.js 13.4 and React, I have created a responsive and dynamic application that is very user-friendly. I also used ShadCN along with Tailwind for accessible and simple components

## Back End

To handle the Users, Clerk was utilized, which is primarily used to manage the users of an application. 

Below is the list of AI models used for generation.

- Conversation: OpenAI

- Code: OpenAI

- Image: Dall E - OpenAI

- Audio - Replicate

- Video - Replicate

## Key Features:

- Tailwind design

- Tailwind animations and effects

- Full responsiveness

- Clerk Authentication (Email, Google, Github)

![Sign In page](gh-images/signin.png)

- Client form validation and handling using react-hook-form

- Server error handling using react-toast

- Image Generation Tool (Open AI)

- Video Generation Tool (Replicate AI)

- Conversation Generation Tool (Open AI)

- Music Generation Tool (Replicate AI)

- Free tier with API limiting   

![generation limit](gh-images/generation.png)

- POST, DELETE, and GET routes in route handlers (app/API)