SASS AI

Welcome to SAAS AI! This is a Next.js application Inspired By Code With Antonio designed to showcase the integration of Open AI and Replicate for creating 5 AI generators (chat, code, image, music and video) plus using stripe for payment and crisp for customer support.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation
• Technologies

Getting Started

These instructions will help you set up a local copy of the project on your machine for development and testing purposes.

Prerequisites

• Node.js
• pnpm or any package manager you like

Installation

1. Clone the repository:

   git clone https://github.com/zougari47/sass-ai.git
   

2. Install dependencies:

   pnpm install
   

3. Add .env file in root directory:

   ### .env file example
   
   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
   CLERK_SECRET_KEY=
   
   NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
   NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
   NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
   NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
   
   OPENAI_API_KEY=
   
   REPLICATE_API_KEY=
   
   STRIPE_API_KEY=
   STRIPE_WEBHOOK_SECRET=
   
   NEXT_PUBLIC_API_URL=http://localhost:3000
   NEXT_PUBLIC_CRISP_CHAT_ID=
   

4. Run the project:

   pnpm dev
   

Technologies

• Next.js React full stack framework
• Tailwind CSS Utility-first CSS framework
• Shadcn-ui Re-usable components built using Radix UI and Tailwind CSS.
• Prisma Modern database ORM toolkit
• Open AI AI API
• Replicate AI API
• Stripe Online payments gateway
• Crisp Customer messaging and support