turbomac

Détails du projet: Nuggets Articles

Pile technologique

• Suivant.js 13
  • Zustand
  • CSS du vent arrière
  • Élaboration
• Nest.js
  • Prisma
  • mysql
• Socket.io
• Turborepo
• Turbopack
• Gré

Bibliothèque d'outils:

• Marguerite
• @ Neodrag / React
• atehs

Avantages du projet

• Développement complet de pile complète
• Basé sur les dernières technologies (Next.js 13, Turbopack, RSC)
• Turborepo gère la structure du projet
• Développement des composants, logique de code effacer
• La page est simple et élégante
• Effets d'animation riches

Affichage d'effet

• Expérience en ligne: turbomac

Barre d'état Topbar:

• Commutation en mode sombre / clair
• Ajouter ContextMenu à l'échelle mondiale

Ouvrir et fermer l'application:

• La plage supérieure de chaque application peut être traînée et abandonnée , et double-cliqué sur la plage supérieure pour agrandir

Commencez à lancer PAD:

• Il peut également être déclenché à 4 coins de la fenêtre de survol

Terminal

• Vous pouvez sauter sur le chemin du fichier et ouvrir le fichier
• Communiquez l'enregistrement de commande historique par des touches de haut en bas
• Historique complet via la touche de tab
• Ouvrir ou fermer l'application sur la ligne de commande

Turbochat

• Messagerie instantanée
• Charge de défilement
• Téléchargement de fichiers
• Animation de transition

Chatte

• Accès à l'API Openai et utilisez le chatppt en ligne

Vscode

• Afficher le code source en ligne avec GitHub1s

Début du projet

Accédez à l'adresse du projet GitHub pour extraire le code source du projet.

Le terminal entre dans le répertoire du dossier et exécute npm install ou pnpm install

Créer des fichiers .env dans les dossiers du client et du serveur respectivement

client / .env

 NEXT_PUBLIC_OPENAI_API_KEY= 你自己的 OpenAI Key
NEXT_PUBLIC_NODE_ENV= dev

# 部署到服务器相关
# NEXT_PUBLIC_HOST = 例如https://175.24.18:8080/
# NEXT_PUBLIC_WEBSOCKET = 例如https://175.24.18:81/

serveur / .env

 # 部署上线 mysql
# DATABASE_URL= "mysql://ljq:[email protected]:3306/my_mac"
# 本地mysql 将自己的 usernamepassworddatabase名字换入
DATABASE_URL= "mysql://username:password@localhost:3306/database"
# 下面为腾讯云 ID 和 KEY 填入自己的信息
TX_SECRET_ID = 'AKID8J....'
TX_SECRET_KEY = 'vaz81....'
# COS 存储桶
TX_BUCKET = 'turbomac-13093...'
TX_REGION = 'ap-shanghai'

CD entre dans le dossier du serveur, exécute npx prisma migrate dev --name init pour initialiser la base de données et exécute prisma generate pour utiliser le client PRISMA.

Il existe deux façons d'exécuter le client et le serveur:

• (Recommandé) Entrez respectivement les dossiers du client et des serveurs pour exécuter npm run dev ou pnpm run dev
• Exécutez turbo dev directement dans le répertoire racine

Après l'exécution, le serveur sera sur le port 8080 et le client sera sur le port 3000. Ouvrez LocalHost: 3000 et vous verrez la page. Utilisateur enregistré: Accédez à Postman / ApiFox et à d'autres outils de demande d'interface, enregistrez l'interface utilisateur: http://localhost:8080/register

Connectez-vous à Turbochat

Comment ajouter d'autres applications