Next.Js Example

Next JS Chat OpenAI Built with Next JS, OpenAI, Tailwindcss, Zustand and AutoAnimate

March 15th, 2023

Next JS Chat OpenAI Built with Next JS, OpenAI, Tailwindcss, Zustand and AutoAnimate's picture

About:

Next JS Chat OpenAI Built with Next JS, OpenAI, Tailwindcss, Zustand and AutoAnimate

README.md:

NextJS Chat OpenAI

Requirements

  • Node.js 14+ and npm

Getting started

Run the following command on your local environment:

git clone https://github.com/hadi-16/nextjs-chat-openai.git your-project-name cd your-project-name npm install

How to run app

  1. Get api key from OpenAI https://beta.openai.com.
  2. Edit env.example to .env
  3. Enter api key to .env
  4. Run the development server :

npm run dev # or yarn dev

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

structure folder app ├── components # Components folder ├── pages # Next JS Pages ├── public # Public assets folder ├── store # Store folder ├── styles # Next JS Style ├── README.md # README file ├── tailwind.config.js # Tailwind CSS configuration ├── .env # Next JS environment variables

Features

Share this:

You May Like:

full-stack music app's picture

full-stack music app

Nedx © 2023