page-header

挑戰4 – SDD 第一步:根據 Init.md 初始化項目

返回首頁

挑戰4 – SDD 第一步:根據 Init.md 初始化項目

透過完成以下任務,來初始化「吃點啥」項目:

 第一步:喺 supabase.com 建立一個 PostgreSQL 免費資料庫

# 步驟 說明 連結
1 註冊一個免費 supabase 帳號 免費帳號可以建立兩個資料庫實例 https://supabase.com/dashboard/sign-up
2 完善帳戶資料 需要建立一個初始組織 https://supabase.com/dashboard/new
3 建立一個新 project
4 將資料庫 URL 記低

第二步:全新建立一個資料夾「eatwhat」,並從該資料夾開啟 IDE

第三步:喺根目錄建立一個 init.md 檔案,並加入以下內容:

# web app:吃点啥
## 主要功能
### 根据用户喜好,利用AI,生成每日家常菜谱
### 用户可以踩不喜的菜谱,或者赞喜欢的菜谱
### AI应该学习用户的喜好,为用户生成用户画像,从而更精准地提供用户喜欢的菜谱
### 后续根据用户反馈,增加新的功能,需要考虑扩展性

## 技术栈
### 前端
- Next.js 15或以上 (React 框架, 支持SSR/SSG)
- TypeScript (类型安全)
- Tailwind CSS (样式)
### 后端
- Next.js API Routes (服务端接口)
- Prisma (ORM, 数据库操作)
### 数据库
- 架设在 Supabase 上的PostgreSQL (存储用户数据、菜谱、偏好记录)
### AI 模型
- Qwen API (使用提供的秘钥调用大模型)

第三步:安裝依賴項 – 向 AI 輸入指令:

# 按照 ../init.md 安装依赖项,
# 过程如遇到权限问题泽使用 sudu 命令
## 生成 sudo 命令
## 暂停进程, 等待我手动在 terminal 执行
## 我完成执行后继续进程
# 过程中如遇到其他问题, 则寻求我的帮助
## 暂停进程, 说明问题, 给出选项
## 等我提供方向后再继续

第四步:喺環境變數設定千問 API Key 同資料庫連線

1. 搵到你哋組嘅 API Key

# 組名 預先分配嘅千問 API Key
1 第一組 sk-c6b4118e7fa94355bd41b837705db5c4
2 第二組 sk-fc05bf05da8f4aadbc56e65007775467
3 第三組 sk-496526ca729a4b0298a67a85974d0a53
4 第四組 sk-1d11cb64d99d42289590ca8a36874ac1
5 第五組 sk-392f4586ac0448ccb5de87b08cdf1907
6 第六組 sk-674381660f7d4cc3a46b1f3b63fac63a

2. 通義千問 Base URL

https://dashscope.aliyuncs.com/compatible-mode/v1

3. 喺 TRAE CN 編輯 .env 檔案

DATABASE_URL="your-db-url"
DASHSCOPE_API_KEY=your-api-key
DASHSCOPE_BASE_URL=https://dashscope.aliyuncs.com/compatible-mode/v1
DASHSCOPE_MODEL=qwen-plus
PORT=3000

第五步:其他初始化工作

討論:接落嚟你會想做啲咩其他初始化工作?
A. 叫 AI 寫一份技術架構文件
B. 叫 AI 建議一個項目目錄結構
C. 叫 AI 做一個 Hello World 頁面嚟測試初始化結果
D. 其他【請描述】

返回首頁