turbomac

Detalhes do projeto: Artigos de Nuggets

Pilha de tecnologia

• Next.js 13
  • Zustand
  • Tailwind CSS
  • MOTION FRAMER
• Nest.js
  • Prisma
  • mysql
• Socket.io
• Turborepo
• Turbopack
• Netlify

Biblioteca de ferramentas:

• Daisyui
• @neodrag/react
• AHOOKS

Vantagens do projeto

• Desenvolvimento de pilha completa datilografada
• Com base na mais recente tecnologia (Next.js 13, Turbopack, RSC) Practice
• Turborepo gerencia a estrutura do projeto
• Desenvolvimento de componentes, lógica de código claro
• A página é simples e elegante
• Efeitos de animação ricos

Exibição de efeito

• Experiência online: Turbomac

Barra de status da barra superior:

• Comutação do modo escuro/claro
• Adicione o ContextMenu globalmente

Abra e feche o aplicativo:

• O alcance superior de cada aplicativo pode ser arrastado e soltado , e clicado duas vezes na faixa superior para aumentar

Start LaunchedPad:

• Também pode ser acionado através de 4 cantos da janela pairar

terminal

• Você pode pular para o caminho do arquivo e abrir o arquivo
• Mudar o registro de comando histórico por teclas para cima e para baixo
• História completa através da tecla Tab
• Abra ou feche o aplicativo na linha de comando

TurboChat

• Mensagens instantâneas
• Carga de rolagem
• Upload de arquivo
• Animação de transição

Chatgpt

• Acesso à API OpenAI e use ChatGPT online

Vscode

• Veja o código -fonte online com GitHub1s

Início do projeto

Vá para o endereço do projeto do GitHub para puxar o código -fonte do projeto.

O terminal entra no diretório da pasta e executa npm install ou pnpm install

Crie arquivos .env nas pastas do cliente e do 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'

O CD insere a pasta do servidor, executa npx prisma migrate dev --name init para inicializar o banco de dados e executa prisma generate para usar o PRISMA Client.

Existem duas maneiras de executar o cliente e o servidor:

• (Recomendado) Digite as pastas do cliente e do servidor para executar npm run dev ou pnpm run dev respectivamente
• Execute turbo dev diretamente no diretório raiz

Após a execução, o servidor estará na porta 8080 e o cliente estará na porta 3000. Abra localhost: 3000 e você verá a página. Usuário registrado: vá para Postman/Apifox e outras ferramentas de solicitação de interface, registre interface do usuário: http://localhost:8080/register

Faça login no TurboChat

Como adicionar outros aplicativos