Genius

A simplistic AI platform both in design and usability.

Getting Started

1. Clone this repository:

git clone https://github.com/domdechiera/genius

2. Install dependencies:

npm install

3. Rename .env-example to .env and fill in your API keys:

   # Clerk
   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
   
   # AI Keys
   OPENAI_API_KEY=
   REPLICATE_API_TOKEN=
   
   # Connect to Supabase via Prisma connection pooling with Supavisor
   DATABASE_URL=
   DIRECT_URL=
   
   # Stripe
   STRIPE_API_KEY=
   STRIPE_WEBHOOK_SECRET=
   NEXT_PUBLIC_APP_URL=http://localhost:3000 
   # localhost for testing only - in production add your Stripe webhooks endpoint URL

4. Run the development server:

npm run dev

5. For testing of Stripe payments run the following in a separate shell:

stripe listen --forward-to localhost:3000/api/webhook

6. For ease of database management run:

npx prisma studio

Open http://localhost:3000 with your browser to see the result.

The Stack

This is a Next.js project bootstrapped with create-next-app.

This project utilises the following third-party tools:

• Clerk - Authentication and user management.
• Supabase - The open source Firebase alternative.
• Stripe - Payment processing and subscription management.
• shadcn/ui - Beautifully designed components that you can copy and paste into your apps.
• Vercel - Build, scale, and secure a faster, more personalised web.
• Lucide - Beautiful and consistent icons.
• Crisp - Business messaging platform.
• Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
• TypeScript - JavaScript with syntax for types.
• OpenAI API - API platform with latest models including DALL-E (Image Generation) and GPT 4o-mini (Conversation and Code Generation).
• Replicate AI - Variety of AI models through a single API (Video and Music Generation).
• Prisma ORM - Simplify working and interacting with databases.

Deploy on Vercel

The easiest way to deploy this app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.

---

Looking to learn how to code? Check out Code with Antonio.