smartpal-nextjs-sql Tailwind Templates

Smartpal Nextjs Sql

This AI Chat Application was built using Next.js, React.js, MySQL, Typescript, Tailwind CSS, Stripe, OpenAI, Prisma, Planetscale, Cloudinary, Clerk, ShadCN, Zustand, Pinecone, Upstash, Redis & Replicate.


Logo

Smart Pal - AI Chat Application

This AI Chat Application was built using Next.js, React.js, MySQL, Typescript, Tailwind CSS, Stripe, OpenAI, Prisma, Planetscale, Cloudinary, Clerk, ShadCN, Zustand, Pinecone, Upstash, Redis & Replicate.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. Built With
  2. Usage
  3. Clone project

Built With

  • Next
  • React
  • Typescript
  • TailwindCSS
  • MySQL
  • PlanetScale
  • OpenAI
  • Pinecone
  • Prisma
  • Upstash
  • Redis
  • Stripe
  • Cloudinary
  • ShadCN
  • Clerk
  • Zustand
  • Replicate

       

Deployment Tools:

This application was deployed using Vercel and Route53.

       

  • Vercel
  • AWSRoute53

(back to top)

Usage

This is an AI Chat application that works like ChatGPT. Simply choose an AI character from the list to start a chat conversation with. Each person will talk to you as they would in real life. This is an amazing example of how you can use AI to build a modern application.

Product Name Screen Shot

Product Name Screen Shot

Product Name Screen Shot

For more examples, please take a look at the application

(back to top)

Clone Project

To get a local copy up and running follow the steps below.

Installation

  1. Clone the repo

    git clone https://github.com/dontrellthedeveloper/smartpal-nextjs-sql
    
  2. Install NPM packages

    npm install 
    
  3. Enter values in .env file

     NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY={clerk publishable key}
     NEXT_PUBLIC_CLERK_SIGN_IN_URL={clerk signIn url}
     NEXT_PUBLIC_CLERK_SIGN_UP_URL={clerk signUp url}
     NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL={clerk after signIn url}
     NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL={clerk after signUp url}
    
     DATABASE_URL="{mysql connection string}"
    
     NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="{cloudinary cloud}"
    
     PINECONE_INDEX="{pinecone index}"
     PINECONE_ENVIRONMENT="{pinecone environment}"
     PINECONE_API_KEY="{pinecone api  key}"
    
     UPSTASH_REDIS_REST_URL="{upstash redis rest url}"
     UPSTASH_REDIS_REST_TOKEN="{upstash redis rest token}"
    
     OPENAI_API_KEY={open api key}
    
     REPLICATE_API_TOKEN={replicate api token}
    
     STRIPE_API_KEY={stripe api key}
     STRIPE_WEBHOOK_SECRET={stripe webhook secret}
    
     NEXT_PUBLIC_APP_URL={app url}
    

(back to top)

Top categories

Loading Svelte Themes