Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/imvinojanv/neurogen-ai

NeuroGen: Where AI Sparks Genius. All-in-one AI SaaS app that lets you effortlessly generate images, audios, videos, and codes. - Next 13 - React - TypeScript - Tailwind - Shadcn UI - Prisma - MySQL - PlanetScale - Stripe - Clerk Auth - Crisp Chat
https://github.com/imvinojanv/neurogen-ai

clerkauth crisp mysql nextjs13 prisma react shadcn-ui stripe tailwind typescript

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/imvinojanv/neurogen-ai
Owner: imvinojanv
Created: 2023-07-20T06:34:04.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2023-10-03T04:02:51.000Z (over 1 year ago)
Last Synced: 2024-10-05T14:23:49.956Z (3 months ago)
Topics: clerkauth, crisp, mysql, nextjs13, prisma, react, shadcn-ui, stripe, tailwind, typescript
Language: TypeScript
Homepage: https://neurogen-ai.vercel.app/
Size: 6.51 MB
Stars: 5
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Build the NeuroGen App with Next.js 13, React, TypeScript, Tailwind, Shadcn UI, Prisma and Stripe

### Features:
- Tailwind design
- Tailwind animations and effects
- Full responsiveness
- Clerk Authentication (Email, Google, 9+ Social Logins)
- 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)
- Page loading state
- Stripe monthly subscription
- Free tier with API limiting
- How to write POST, DELETE, and GET routes in route handlers (app/api)
- How to fetch data in server react components by directly accessing database (WITHOUT API! like Magic!)
- How to handle relations between Server and Child components!
- How to reuse layouts
- Folder structure in Next 13 App Router

Follow this instructions: [`steps.txt`](https://github.com/Vinojan1999/NeuroGen-AI/blob/master/steps.txt)

### Prerequisites

**Node version 18.x.x**

### Cloning the repository

```shell
git clone https://github.com/Vinojan1999/NeuroGen-AI.git
```

### Install packages

```shell
npm install
```

### Setup .env file

```js
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_TOKEN=

DATABASE_URL=

STRIPE_API_KEY=
STRIPE_WEBHOOK_SECRET=

NEXT_PUBLIC_APP_URL="http://localhost:3000"
```

### Setup Prisma

Configure the MySQL Database (I used PlanetScale)

```shell
npx prisma db push
```

Run the Prisma Studio:

```shell
npx prisma studio
```

### Setup Stripe:

```shell
stripe login
```
```shell
stripe listen --forward-to localhost:3000/api/webhook
```

### Start the app

```shell
npm run dev
```

Application frontend : [http://localhost:3000](http://localhost:3000)

Prisma Studio : [http://localhost:5555](http://localhost:5555)

Crisp dashboard : [https://app.crisp.chat](https://app.crisp.chat/)

## Prisma
Every time you have you push and generate when you modified "schema.prisma"
```bash
npx prisma generate
```
```bash
npx prisma db push
```

If there any issues or clarification, Contact ma through email [[email protected]](mailto:[email protected])

LinkedIn [@vinojan](https://www.linkedin.com/in/iam-vinojan/)