turbomac

Детали проекта: Статьи Наггетс

Технологический стек

• Next.js 13
  • Zustand
  • Tailwind CSS
  • Фреймер-движения
• Nest.js
  • Призма
  • mysql
• Сокет.io
• Турборепо
• Турбопак
• NetLify

Библиотека инструментов:

• Daisyui
• @neodrag/React
• Чикс

Преимущества проекта

• Разработка полной стека в сети
• На основе новейших технологий (Next.js 13, Turbopack, RSC) практика
• Turborepo управляет структурой проекта
• Разработка компонентов, четкая логика кода
• Страница проста и элегантна
• Богатые анимационные эффекты

Эффект дисплей

• Онлайн -опыт: Turbomac

Стоинка статуса Topbar:

• Темное/световое переключение режима
• Добавить контекстмену во всем мире

Открыть и закрыть приложение:

• Верхний диапазон каждого приложения можно перетаскивать и сбросить , и дважды щелкнут на верхнем диапазоне, чтобы увеличить

Start LaunchedPad:

• Это также может быть вызвано через 4 угла окна падения

Терминал

• Вы можете перейти на путь файла и открыть файл
• Переключить историческую командную запись на ключах вверх и вниз
• Полная история через ключ вкладки
• Откройте или закройте приложение в командной строке

Турбочат

• Мгновенный обмен сообщениями
• Прокрутка нагрузки
• Загрузка файла
• Переходная анимация

Чатгпт

• Доступ к API OpenAI и используйте CHATGPT онлайн

VSCODE

• Посмотреть исходный код онлайн с GitHub1s

Начало проекта

Перейдите по адресу проекта GitHub, чтобы вытащить исходный код проекта.

Терминал входит в каталог папок и запускает npm install или pnpm install

Создать файлы .ENV в папках клиента и сервера соответственно

Клиент/.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/

сервер/.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 входит в папку сервера, выполняет npx prisma migrate dev --name init чтобы инициализировать базу данных и выполняет prisma generate для использования Prisma Client.

Есть два способа запуска клиента и сервера:

• (Рекомендуется) Введите папки клиента и сервера, чтобы запустить npm run dev или pnpm run dev .
• Запустите turbo dev непосредственно в корневом каталоге

После запуска сервер будет находиться на порту 8080, а клиент будет в порту 3000. Откройте Localhost: 3000, и вы увидите страницу. Зарегистрированный пользователь: перейдите в Postman/Apifox и другие инструменты запроса интерфейса, регистрация пользовательского интерфейса: http://localhost:8080/register

Войти в турбочат

Как добавить другие приложения