急徵 / Next.js】業務自動化發信系統開發 (已有完整 UI 原型、DB Schema 與規格書)

需求說明

用於哪個行業：零售行業 您好，我們是羽曦堂。我們目前有一個內部用的「業務自動化開發系統」需要開發。 這不是一個從零開始的專案。我們已經準備好非常完整的 PRD 規格書、高擬真 UI 原型 (HTML/Tailwind CSS) 以及 資料庫建置碼 (PostgreSQL SQL)。 核心功能是透過 Gmail API 發送業務開發信，並結合簡單的名單管理。邏輯我們都理清楚了，主要需要您協助 Next.js 環境架設、後端 API 串接與部署。若您熟悉 Supabase 與 Google API 串接，這對您來說應該是個很明確且快速的案子。期待您的報價！ 需求說明 【專案背景】 我們需要為業務部（約 2 人編制）建立一套 Web-based 的銷售開發系統。功能類似簡易版 CRM，重點在於解決 Gmail 發信限制與自動化名單整理。 【技術棧需求 (Tech Stack)】 前端： Next.js (React) + Tailwind CSS 後端： Next.js API Routes 資料庫： PostgreSQL (指定使用 Supabase) 第三方服務： Google OAuth 2.0 (Gmail API), Google Gemini API (名單清洗) 部署： Vercel 【我們提供的資源 (您不需要從零設計)】 完整的 UI 原型 (HTML 檔)： 包含 Dashboard、名單匯入、富文本編輯器等所有頁面的 HTML/CSS 代碼，您只需負責切分 Component 與串接邏輯。 資料庫 SQL Schema： 完整的 create table 語法，包含欄位定義與關聯，直接匯入 Supabase 即可。 核心邏輯參考： 我們會提供「發信排程」與「名單匯入」的核心 Code Snippet 供您參考使用。 【主要工作內容 (Scope of Work)】 環境建置： 架設 Next.js + Supabase + Vercel 環境。 身份驗證： 實作 Google OAuth 登入，需取得 gmail.send 權限並儲存 Refresh Token。 名單匯入功能 (AI 整合)： 製作 Excel/CSV 上傳介面。 串接 Google Gemini API (Flash Model) 進行欄位自動對應 (Mapping) 與電話號碼正規化。 實作資料庫去重邏輯 (Upsert)。 發信引擎 (關鍵功能)： 實作富文本編輯器 (支援變數替換、附件夾帶)。 後端排程 (Queue)： 需實作 Rate Limiting 機制 (如每分鐘 2 封)，避免觸發 Gmail 封鎖。 資安防護 (必須落實)： 前端防護： 全站禁止右鍵、Data Grid 禁止選取/複製 (CSS user-select: none)。 權限控管： 區分 Admin/Sales 權限，只有 Admin 可看到「匯出名單」按鈕及呼叫匯出 API。 【驗收標準】 業務可使用 Google 帳號登入。 可上傳 Excel 並正確解析欄位匯入資料庫。 建立檔期後，系統能依照設定的速率在背景自動發送 Email，且 Dashboard 能即時顯示狀態 (Sent/Failed)。 資安功能 (防複製/下載權限) 測試通過。 【備註】 已有詳細規格文件，簽約後立即提供。希望能在 2-3 週內完成 MVP 上線。