Next.js + Tailwind CSS Example

This example shows how to use Tailwind CSS (v3.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app

yarn create next-app --example with-tailwindcss with-tailwindcss-app

pnpm create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).

ChatGPT Build

ChatGPT is a full working ChatGPT clone with Google Authentication made with Next.js, Firebase and OpenAI API. The API endpoint allows users to make requests to the OpenAl API for various natural language processing tasks

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

ChatGPT Dashboard

Features

It has :

• 🔐- User Authentication using Firebase and Next Auth
• 🧠- Chat responses by not only powerful OpenAI API
• 🖌️- Styled with Tailwind CSS
• 📤 - Firestore Database to store and manage chats

Screenshots

Authentication

Sign In

Google Authentication

Chat Screen with Toaster React

React Hot Toaster Success

TechStack

Deployed using Vercel CLI continuous deployment linked with its github repo
Made with Interest and passion ....😀