nextjs14-chatgpt

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #llm #golang #android #machine-learning #rust #linux #macos #java #mcp #open-source

nextjs14-chatgpt

(★ 48)

NextJS-14 ChatGPT clone.

nextjs14-chatgpt Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This is code for the following tutorial:

![ChatGPT Clone](https://i.ytimg.com/vi/_Aeu7BcMoeY/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBENGf8oDCq4nwdPXo0AFVaAy1DMQ)

[VIDEO TUTORIAL](https://youtu.be/_Aeu7BcMoeY?si=f4c4QoosSys86sOV)

![Screenshot_21](https://github.com/user-attachments/assets/52d83582-9d18-42fe-a7f7-a8da83a540d0)

![Screenshot_1](https://github.com/user-attachments/assets/892b1b0d-7e51-4a72-bd12-0e442f87af1a)

![Screenshot_3](https://github.com/user-attachments/assets/c28ad8b7-ab45-4f68-8026-6a727eb569f4)

If you want to run this I recommend following the tutorial. You can also try the following:

## Required:
Node version 14.x

## Clone this repo
```bash
git clone https://github.com/vukrosic/nextjs14-chatgpt
```

## Install packages
```bash
cd nextjs14-chatgpt & npm install
```

## Run Convex
```bash
npx convex dev
```

You will need to setup Clerk, Convex and other things. Don't forget to add your variables to convex website as well. Here is example .env.local file:

```env
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

OPENAI_API_KEY=

NEXT_PUBLIC_HOSTING_URL=http://localhost:3000

STRIPE_SUBSCRIPTION_PRICE_ID=
NEXT_STRIPE_PUBLISHABLE_KEY=
NEXT_STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
```

## Run the app
```bash
npm run dev
```

At this point, you application should work, but it probably doesn't. You may check timesteps in the video description or try to read and solve errors by yourself. You can also ask in comments.

# Next JS documentation below

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).

## Getting Started

First, 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.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## 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.

nextjs14-chatgpt

nextjs14-chatgpt Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

nextjs14-chatgpt

nextjs14-chatgpt Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README