系列文章
Day 11 – Nuxt 3 Layouts（佈局）
Layouts 在設計網頁時扮演重要的角色，提供共用的介面以保持多個頁面有一致的外觀與結構。<NuxtLayout> 如果沒有指定 name，預設會...
Day 12 – Nuxt 3 Middleware（中介層）
Middleware 就像是你進入一個地方時的入口一樣，可以在存取每個頁面之前執行特定的操作，比如驗證身份、處理資料等，讓我們能夠有效管理應用程式的行為。 使用...
Day 13 – Nuxt 3 Server
在 Day 3 – Nuxt 3 核心功能概念（下） 有提到 Nuxt 3 是以 Nitro 做為 Server Engine，其中包含後端的 API 開發，透...
Day 14 – Nuxt 3 Server RESTful API
昨天（Day 13 – Nuxt 3 Server）介紹了 Nuxt 3 Server 的基本功能，今天來示範如何用 Server API 連接資料庫製作一個待...
Day 15 – Nuxt 3 Data fetching
Nuxt 3 提供兩個 composables（useFetch、useAsyncData）和一個 utils（$fetch） 做為取得資料函式： useF...
Day 16 – Nuxt 3 Transitions
Transitions 可以在切換網頁時加入動畫效果，如淡入、淡出、滑動或其他自定義的效果來提升使用者體驗，也可以結合其他動畫函式庫讓網頁看起來更加華麗。 使用...
Day 17 – Nuxt 3 State Management
Nuxt 3 提供一個 composable useState 用來建立元件間的共用響應式狀態，可以當成是 SSR 友善的 ref，其值會在 SSR 之後保留並...
Day 18 – Nuxt DevTools（一）
Nuxt DevTools 是一個在 Nuxt 3 開發過程中的重要工具，可以提供更加視覺化和透明化的開發體驗。 視覺化 透過圖形化界面將專案的結構、流程更...
Day 19 – Nuxt DevTools（二）
昨天我們已經探討了 Components、Pages、Modules 等功能，幫助我們輕鬆管理專案的資源。今天將接續介紹 Nuxt Devtools 的其他強大...
Day 20 – Nuxt DevTools（三）
來到 Nuxt Devtools 的最後一篇，今天將會探討與伺服器相關及其他進階的功能，還沒看過前兩篇的朋友也別錯過唷～ Day 18 – Nuxt Dev...