網站裡圖片往往是最佔空間的資源，如果沒有處理，會拖慢載入速度、影響使用體驗。透過壓縮、Lazy Loading、自適應尺寸等方式，不僅能加快網頁載入，也能減少流量消耗，甚至提升 SEO。今天的重點就是...
前言 在此篇系列文中你可能會注意到說，我是用 Vue 而不是現在討論度也相當高的 Nuxt; 這樣我是不是透過 CSR * 渲染網頁了，SSR 怎辦，SEO 怎辦;其實 Vite 有提供 SSR 擴充...
前言 在此篇系列文中你可能會注意到說，我是用 Vue 而不是現在討論度也相當高的 Nuxt; 這樣我是不是透過 CSR * 渲染網頁了，SSR 怎辦，SEO 怎辦;其實 Vite 有提供 SSR 擴充...
首先，要先確保電腦有裝環境有 node.js，要 20.x 或更新才可以安裝 nuxt （當不同專案使用不同的 node 版本時，可以用 nvm 來切換 node 版本） // 查看目前nvm有安裝過...
身為台北小小公司的小小社畜，每天花近3個小時通勤，好不容易（真的好不容易）這段時間可以常駐台北，省去大把通勤時間，要拿來做什麼呢？不可能都拿來滑手機、追劇吧，身為單身狗也沒有人天天陪我玩，那我只好～～...
Nuxt 有關 SSR 的陷阱 脫箠 頂一篇才拄仔講著欲用 Nuxt 來做簡單的 Auth 結果研究佮試驗了後感覺怪怪，重看文件，差淡薄仔欲昏昏去 Requirements This module...
Nuxt with Auth 是按怎欲做 Auth ？ 來家己自肥一下 理論上猶無欲做夠系統層級，所以袂處理著 Auth 的問題 毋過因為工課需要看這部份的資訊，所以就順紲規畫落去 佮同事討論了後知影...
前言 這篇文章會帶大家一步步操作，如何將 GitHub 內的 Nuxt 專案，透過 Zeabur 平台進行部署，完成自動化、一鍵部署的上線流程。 註冊 Zeabur 並部署 Nuxt 專案 前往...
前言 在這篇文章中，我們將介紹在 Nuxt 3 專案實作搜尋引擎優化（SEO）相關的功能，包括設定 meta 標籤與 Open Graph（og）標籤，讓社群平台與搜尋引擎正確解析網站資訊，以及說明如...
前言 在實務開發中，前端經常需要透過 API 來取得資料，因此這篇文章要分享「如何在 Nuxt 專案中串接 API 並顯示動態內容」。我們會以政府資料開放平臺作為 API 的資料來源，專注介紹前端的串...