Changelog

Highlights

• Streamlined navigation with video-focused user journey
• Improved footer structure for cleaner layout
• Various UX improvements

Navigation

• Navbar Update: Changed "My Images" to "My Videos" in the main navigation bar
• Footer Cleanup: Removed unused product links from footer for cleaner layout
• Page Title Simplification: Simplified page titles for better readability

Performance

• Video Optimization: Compressed showcase videos with VP9 codec for faster loading
• Asset Updates: Optimized logo and icon assets

重點功能

• 在 Dashboard 中新增 My Images 選單項目,集中展示個人圖像生成歷史
• 引入狀態篩選、分頁與下載按鈕,提升歷史資產的可控性
• 同步中英文文案,確保不同語系使用者都能順暢操作

功能特色

• My Images 頁面:提供卡片式網格,視覺化展示每張圖像的狀態、模型、提示詞和生成時間
• 狀態篩選:按完成、處理中、失敗狀態快速定位目標圖像
• 分頁控制:支援每頁 12 / 24 / 48 張,自適應桌面與行動裝置
• 快速複製與下載:一鍵複製提示詞、下載完成圖像,降低重複操作成本

技術細節

• Next.js App Router 與 Server Component 組合部署,確保跨 locale 共享元件安全
• Drizzle ORM 支援高效資料庫查詢,nuqs 管理 URL 級的篩選與分頁狀態
• 使用 Next.js Image 實現圖像預覽優化,維持響應式佈局

API 增強

• 新增 /api/my-images 介面,支援 limit、offset 與 status 參數
• 回傳總量、結果清單,並加入錯誤處理與請求日誌,方便後續分析

重點功能

• 推出響應式行銷網站,介紹 Nano Banana 2 的 AI 圖像編輯旅程
• 提供統一的體驗,用於生成、預覽和下載視覺資產
• 建立精選資產管線,搭配 CDN 優化媒體與在地化訊息

平台優化

• 透過在 process.env.NODE_ENV === 'development' 條件下閘控 React Query Devtools,強化正式環境建置
• 修正 R2 CDN 網址,確保每張展示圖像都從 https://cdn.flux-krea.app/nanobanana2/showcase/optimized/… 載入
• 簡化 Hero 區塊 DOM(移除裝飾性漸層與動畫),加快首次繪製速度