Téléchargement ChatGPT Clone - ChatGPT Clone CODE Téléchargement

ChatGPT Clone

Autre code source

1.0.0

Télécharger

? Commencer

‼ ️ Condition préalable

Inscrivez-vous à un compte Firebase ici
Installez le nœud JS dans votre ordinateur ici
Obtenez une clé API Openai ici

? Variables d'environnement

Pour exécuter ce projet, vous devrez ajouter les variables d'environnement suivantes à votre fichier .env

OPENAI_API_KEY

NEXTAUTH_URL

GOOGLE_CLIENT_ID

NEXT_PUBLIC_SECRET

GOOGLE_CLIENT_SECRET

NEXT_PUBLIC_BASE_URL

NEXT_PUBLIC_FIREBASE_APP_ID

NEXT_PUBLIC_FIREBASE_API_KEY

NEXT_PUBLIC_FIREBASE_PROJECT_ID

NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN

NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET

NEXT_PUBLIC_FIREBASE_MESSAGING_SET

FIREBASE_SERVICE_ACCOUNT_KEY

Installation

Installez mon projet avec NPM

 npx create-next-app@latest my-project --typescript

 cd my-project

Installer des dépendances

? Installez CSS Tailwind avec Next.js

Installez CSS à vent arrière

Installez TailwindCSS et ses dépendances par les pairs via NPM, puis exécutez la commande init pour générer à la fois tailwind.config.js et postcss.config.js .

 npm install -D tailwindcss postcss autoprefixer

 npx tailwindcss init -p

Configurez vos chemins de modèle

Ajoutez les chemins à tous vos fichiers de modèle dans votre fichier tailwind.config.js .

 /** @type {import('tailwindcss').Config} */
module . exports = {
  content : [
    "./app/**/*.{js,ts,jsx,tsx}" ,
    "./pages/**/*.{js,ts,jsx,tsx}" ,
    "./components/**/*.{js,ts,jsx,tsx}" ,
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx}" ,
  ] ,
  theme : {
    extend : { } ,
  } ,
  plugins : [ ] ,
}

Ajoutez les directives de vent arrière à votre CSS

Ajoutez les directives @tailwind pour chacune des couches de Tailwind à votre fichier ./styles/globals.css .

 @tailwind base;
@tailwind components;
@tailwind utilities;

Installer des dépendances

? Autres informations de dépendance

? Courir localement

Cloner le projet

  git clone https://github.com/SashenJayathilaka/ChatGPT-Clone.git

  npm install

Commencer

Démarrez d'abord le serveur, exécutez le serveur de développement:

  npm run dev

Ceci est un projet Next.js Bootstrapé avec create-next-app .

Installez les dépendances Il s'agit d'un projet Next.js Bootstrapé avec create-next-app .

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Vous pouvez commencer à modifier la page en modifiant pages/index.js . La page indique automatiquement la mise à jour lorsque vous modifiez le fichier.

Les routes API sont accessibles sur http: // localhost: 3000 / api / bonjour. Ce point de terminaison peut être modifié dans pages/api/hello.js .

Le répertoire pages/api est mappé à /api/* . Les fichiers de ce répertoire sont traités comme des routes API au lieu de réagir des pages.