Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/greathayat/gemini-nextjs

A repository to implement Google Gemini Chat model in NextJS and Clerk Auth
https://github.com/greathayat/gemini-nextjs

Last synced: about 7 hours ago
JSON representation

A repository to implement Google Gemini Chat model in NextJS and Clerk Auth

Awesome Lists containing this project

README

        

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) to explore the [`Clerk Authentication`](https://clerk.com). I also use `Google Gemini` LLM for a basic chat with AI.

![App UI](ui.png)

## Getting Started
Get Your Google Gemini Key from https://aistudio.google.com/app/u/2/apikey

Create a project on [`Clerk`](https://clerk.com) and paste your keys into the `.env.local` file

**env file**
```
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

GOOGLE_API_KEY=
```

Run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.