當敲下這篇第 30 天的標題時,心中湧現出無比激動與感動的情緒。歷經整整一個月的日夜奮戰、架構迭代、程式碼除錯與文章撰寫,我們終於攜手走完了這場 30 天的技術馬拉松,為全棧多模態內容提煉 SaaS —— 「OmniVibe AI」 劃下完美的完賽句點!
在這最後一天的最終章裡,我們將完整回顧這 30 天的架構結晶,正式宣佈 OmniVibe AI 核心原始碼的開源藍圖,並分享身為獨立開發者在 Vibe Coding 時代利用 Google AI 生態系打造生產級產品的深刻心得!
回顧這 30 天的每日挑戰,我們將一個大膽的構想,一步步淬鍊成具備完整商業閉環與防禦能力的生產級系統:
graph TD
subgraph 30天 OmniVibe AI 演進全景
P1[Phase 1: 基礎架構與提示詞工程 (Day 01-06)] --> P2[Phase 2: 多模態檔案處理與快取 (Day 07-12)]
P2 --> P3[Phase 3: 網頁重構、資料持久化與金流 (Day 13-19)]
P3 --> P4[Phase 4: AI 評估、跨平台外掛與非同步佇列 (Day 20-25)]
P4 --> P5[Phase 5: Hybrid RAG、Agent 與生產防禦 (Day 26-30)]
end
| 階段 | 核心主題涵蓋 | 關鍵技術與工具突破 |
|---|---|---|
| Phase 1 (Day 1-6) | 基礎架構、安全性、提示詞設計 | Next.js 15, TypeScript, Zod Schema, System Prompt 護欄 |
| Phase 2 (Day 7-12) | 巨型檔案處理與上下文快取 | Google AI File API, Context Caching, 影音/PDF 串流管線 |
| Phase 3 (Day 13-19) | 前端 UI、資料庫、金流與結構化輸出 | Supabase PostgreSQL, RLS, Stripe Checkout & Webhooks |
| Phase 4 (Day 20-25) | AI 評估、雙快取、瀏覽器外掛與非同步 | LLM-as-a-Judge, Qdrant 語意快取, Chrome Extension, LINE Bot, Cloud Tasks |
| Phase 5 (Day 26-30) | 混合檢索、自主代理、防禦與完賽收官 | Hybrid RAG, Function Calling, Upstash Rate Limiting, 開源藍圖釋出 |
為了回饋 iThome 社群與所有一路相伴的讀者,我們將 OmniVibe AI 的核心程式碼整理為生產級的 Monorepo 架構,並於今日正式在 GitHub 上釋出:
GitHub Repository 結構:
/apps/web:基於 Next.js 15 App Router 的主應用程式。
/apps/extension:Manifest V3 Chrome 瀏覽器外掛與 Side Panel 原始碼。
/services/line-bot:LINE Messaging API 多模態 Webhook 服務。
/packages/ai-core:Gemini 1.5 封裝、Prompt 護欄、Qdrant 向量檢索與 Function Calling 工具庫。
快速部署支援:
附帶完整的 Dockerfile(支援 Next.js Standalone 模式)與 cloudbuild.yaml。
提供一鍵部署至 Google Cloud Run 與 Supabase Migration SQL 指令,讓任何開發者都能在 10 分鐘內建立專屬的 AI 提煉 SaaS!
這 30 天的實作過程,讓我們對軟體工程的未來有了截然不同的體悟:
完賽不是結束,而是另一段精彩旅程的起點。OmniVibe AI 未來的發展路線圖(Roadmap v2.0)包括:
回顧這 30 天的鐵人賽日誌,每天敲打鍵盤的深夜、解決 Bug 時的豁然開朗、以及見到系統順利跑通時的喜悅,都將成為這段旅程中最寶貴的回憶。
感謝 iThome 鐵人賽提供這個卓越的舞台,感謝評審與技術社群的關注,更要由衷感謝一路陪伴、留言按讚、閱讀到最後每一個字你的支持!
願我們在 AI 與全棧開發的道路上永不止步,用代碼創造更大的價值!
第 18 屆 iThome 鐵人賽 —— OmniVibe AI 專案,完美收官!我們江湖再見!🚀🔥