現代前端開發高度依賴打包與編譯工具，但多數開發者其實只停留在設定層面。本次活動將從 Tree-Shaking 的實際運作機制出發，解析為何無用程式碼仍可能殘留於產物中，接著透過Alex Liu 帶來在 SSR 實務中常見的各種地雷與對應解法，深入理解元件在 Server 端的行為差異、非同步請求處理、元件設計，以及框架背後的運作機制，最後讓大家一起體驗，如何從Vibe Design 到 Vibe Coding的流程。

透過案例拆解與流程說明，帶領開發者看懂工具鏈如何影響最終產物，建立更具架構思維的工程視角，讓優化與工具掌握不再只是黑盒操作。

本次活動共有三位講者分享不同主題:

1. 程式碼減重: 你的Tree-Shaking在偷懶嗎? 

2. 開除 90% 的前端工程師都寫錯的 SSR。

3. 從 Vibe Design 到 Vibe Coding：利用 Google Stitch 與 Gemini CLI快速構建網站系統
   

SerKo - 程式碼減重: 你的Tree-Shaking在偷懶嗎?

你以為 Tree-Shaking 正在幫你的程式碼減重，但它可能正在偷懶。

本議程將由淺入深介紹 Tree-Shaking 與 Side Effects，並分享實用的程式撰寫技巧，讓 Tree-Shaking 乖乖發揮作用。

Alex Liu - 開除 90% 的前端工程師都寫錯的 SSR

本次分享將由 Alex Liu 聚焦在 SSR 實務中常見的各種地雷與對應解法，從 SSR 與 CSR 的本質差異談起，延伸到元件在 Server 端的行為差異、非同步請求處理、元件設計，以及框架背後的運作機制。分享中也會談到在實作過程中所面臨的技術難題、關鍵選擇，以及一路累積下來的經驗與理解。

​這些內容並不只來自單一專案經驗，而是結合實際開發、對 Vue 與 Nuxt 的深入挖掘，以及參與 Nuxt 生態維護過程中所觀察到的行為與問題。

​在實際開發 SSR 專案時，如果缺乏這些理解，很容易陷入反覆嘗試與查找資料的迴圈。即使投入大量 AI 協助，也不一定能真正解決問題，最後可能只能繞道處理，或在不確定原因的情況下將就完成。

​希望透過這次分享，能為正在使用 Nuxt，或正準備深入掌握 SSR 開發流程的前端工程師，帶來具體且實用的參考與啟發。

ATai Lin - 從 Vibe Design 到 Vibe Coding：利用 Google Stitch 與 Gemini CLI快速構建網站系統

在 AI 驅動開發的時代，開發者的角色已從「編寫者」轉變為「指揮家」，如何更有效率的使用工具已經變成開發者的功課。本次議程將帶大家體驗，如何將創意化為現實，將兩大階段做整合

1. Vibe Design（氛圍設計）：

使用 Google Stitch 快速起步。參與者將學習如何透過簡單的文字描述或參考圖片，讓 AI 在幾分鐘內生成精美的 App 或網頁介面 。

這不僅是視覺呈現，更是將「模糊的感覺」轉化為「可匯出的前端代碼」。

2. Vibe Coding（氛圍編程）：

銜接設計稿，利用 AI 代理（AI Agents）進行開發。講師將演示如何不親自撰寫每一行代碼，而是透過對話引導 AI 補全系統與互動邏輯。

強調「精準提問」的重要性，讓系統從草圖變換為功能齊全的應用。

3. 實踐與輸出：

分享如何小步跨出舒適圈，利用 AI 工具大幅降低開發門檻，實現高效的知識輸出與系統構建。