turbomac

Detail Proyek: Artikel Nuggets

Tumpukan Teknologi

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

Perpustakaan Alat:

• Daisyui
• @neodrag/bereaksi
• Ahooks

Keuntungan Proyek

• Typescript Pengembangan Tumpukan Lengkap
• Berdasarkan praktik Teknologi Terbaru (Next.js 13, Turbopack, RSC)
• Turborepo mengelola struktur proyek
• Pengembangan komponen, logika kode yang jelas
• Halamannya sederhana dan elegan
• Efek animasi yang kaya

Tampilan Efek

• Pengalaman online: Turbomac

Bilah status Topbar:

• Switching mode gelap/terang
• Tambahkan ContextMenu secara global

Buka dan tutup aplikasi:

• Kisaran atas setiap aplikasi dapat diseret dan dijatuhkan , dan diklik dua kali pada kisaran atas untuk memperbesar

Mulai diluncurkan:

• Itu juga dapat dipicu melalui 4 sudut jendela hover

Terminal

• Anda dapat melompat ke jalur file dan membuka file
• Beralih Catatan Perintah Historis dengan Kunci Atas dan Bawah
• Sejarah Lengkap Melalui Kunci Tab
• Buka atau tutup aplikasi pada baris perintah

Turbochat

• Pesan Instan
• Beban gulir
• Unggahan file
• Animasi transisi

Chatgpt

• Akses ke Openai API dan menggunakan chatgpt online

Vscode

• Lihat kode sumber online dengan github1s

Mulai Proyek

Pergi ke alamat proyek GitHub untuk menarik kode sumber proyek.

Terminal memasuki direktori folder dan menjalankan npm install atau pnpm install

Buat file .env masing -masing di folder klien dan server

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

server/.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 memasuki folder server, mengeksekusi npx prisma migrate dev --name init untuk menginisialisasi database, dan mengeksekusi prisma generate untuk menggunakan klien prisma.

Ada dua cara untuk menjalankan klien dan server:

• (Disarankan) Masukkan folder klien dan server untuk menjalankan npm run dev atau pnpm run dev
• Jalankan turbo dev langsung di direktori root

Setelah berjalan, server akan berada di port 8080 dan klien akan berada di port 3000. Buka LocalHost: 3000 dan Anda akan melihat halaman. Pengguna Terdaftar: Pergi ke Postman/Apifox dan Alat Permintaan Antarmuka Lainnya, Daftarkan Antarmuka Pengguna: http://localhost:8080/register

Masuk ke Turbochat

Cara menambahkan aplikasi lain