身為台北小小公司的小小社畜，每天花近3個小時通勤，好不容易（真的好不容易）這段時間可以常駐台北，省去大把通勤時間，要拿來做什麼呢？不可能都拿來滑手機、追劇吧，身為單身狗也沒有人天天陪我玩，那我只好～～～自找有（麻）趣（煩）的來做個作品集吧！順便把一些以前累積的技術缺口補一補、整理整理，希望最後是真的有學到，不要 GPT 照抄啦XD

什麼是Vue?

從最原始的來說前端網頁程式碼是由 Html、Css、JavaScript 組成，

Vue 是一種基於 JavaScript 語言寫的一種前端框架，它提供一套「聲明式渲染」和「響應式系統」的規則，只要定義好資料與畫面的關係，Vue 就會自動負責把靜態或動態的內容正確地顯示在網頁上，而不用手動操作 DOM 讓整個頁面更新。

什麼是Nuxt?

Nuxt 是一個 基於 Vue 的應用框架。它幫 Vue 加上了 伺服器端渲染（SSR）、靜態網站生成（SSG）、自動路由、檔案結構規範 等功能，省去一些起始建置環境的麻煩事，整包好好的給你！

• SSR (Server-Side Rendering)：伺服器生成 Html，再回傳給瀏覽器
• SSG (Static-Site Generation)：部署時就把所有頁面生成好 HTML，放在伺服器供瀏覽器直接下載

優點是強調提升效能與 SEO，適用於一些需要SEO的網站ex: 電商，或仰賴靜態生成的內容行網站 ex: 部落格，或多頁面結構 ex: 有登入、儀表板的後台系統

• 和Nuxt同等級的應用框架有什麼？

  Quasar Framework，甚至內建完整的 UI 元件庫，不過是弱SEO，適用於跨裝置、UI 需求多的專案

總結

Vue 像是鍋鏟、鍋子、食材，我可以利用這些工具想辦法煮出一道料理

Nuxt 像是拉好管線、裝潢過的廚房，讓瓦斯可以點火，並提供食譜，我可以借用環境來料理

我準備好大顯身手了！