turbomac

Detalles del proyecto: artículos de Nuggets

Pila de tecnología

• Next.js 13
  • Zustand
  • CSS de viento de cola
  • Framer-motion
• Nest.js
  • Prisma
  • mysql
• Socket.io
• Turborepo
• Turbopack
• Netlificar

Biblioteca de herramientas:

• Marina
• @neodrag/reaccionar
• Ahooks

Ventajas del proyecto

• Desarrollo de pila completa de mecanografiado
• Basado en la última práctica de tecnología (Next.JS 13, Turbopack, RSC)
• Turborepo administra la estructura del proyecto
• Desarrollo de componentes, lógica de código de claro
• La página es simple y elegante
• Efectos de animación ricos

Visualización de efectos

• Experiencia en línea: Turbomac

Barra de estado de Topbar:

• Conmutación de modo oscuro/ligero
• Agregar contextmenu a nivel mundial

Abra y cierre la aplicación:

• El rango superior de cada aplicación se puede arrastrar y soltar , y hacer doble clic en el rango superior para ampliar

Iniciar el lanzamiento del lanzamiento:

• También se puede activar a través de 4 esquinas de la ventana de desplazamiento

Terminal

• Puede saltar a la ruta de archivo y abrir archivo
• Cambiar el registro de comando histórico por las teclas arriba y hacia abajo
• Historial completo a través de la tecla Tab
• Abra o cierre la aplicación en la línea de comando

Turboquat

• Mensajería instantánea
• Carga de desplazamiento
• Carga de archivo
• Animación de transición

Chatgpt

• Acceso a la API de OpenAI y use chatgpt en línea

VCODE

• Ver código fuente en línea con GitHub1s

Inicio del proyecto

Vaya a la dirección del proyecto GitHub para extraer el código fuente del proyecto.

El terminal ingresa al directorio de carpeta y ejecuta npm install o pnpm install

Crear archivos .env en las carpetas del cliente y del servidor respectivamente

cliente/.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/

servidor/.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'

El CD ingresa a la carpeta del servidor, ejecuta npx prisma migrate dev --name init para inicializar la base de datos y ejecuta prisma generate para usar el cliente PRISMA.

Hay dos formas de ejecutar el cliente y el servidor:

• (Recomendado) Ingrese las carpetas del cliente y del servidor para ejecutar npm run dev o pnpm run dev respectivamente
• Ejecute turbo dev directamente en el directorio raíz

Después de ejecutar, el servidor estará en el puerto 8080 y el cliente estará en el puerto 3000. Abra Localhost: 3000 y verá la página. Usuario registrado: vaya a Postman/Apifox y otras herramientas de solicitud de interfaz, registre la interfaz de usuario: http://localhost:8080/register

Inicie sesión en TurboChat

Cómo agregar otras aplicaciones