鐵人檔案
這個系列文章將帶領初學者在30天內從 Nuxt 3 的基礎到實踐，藉由範例讓你了解 Nuxt 3 各種原理，深入了解 Nuxt 3 的核心概念。在這30天當中將會一步步建立 Nuxt 3 專案，並介紹專案結構、元件、路由、狀態管理等 Nuxt 3 各項功能，此外，還會示範 Nuxt 3 好用的模組及 Unocss，幫助你快速開發及美化網站無論你是 Vue 的新手還是老手，只要你有一些 HTML、CSS 和 JavaScript 的基礎知識，就可以跟著這個系列文章一起學習 Nuxt 3 的魅力。讓我們一起開始吧！
Layouts 在設計網頁時扮演重要的角色，提供共用的介面以保持多個頁面有一致的外觀與結構。<NuxtLayout> 如果沒有指定 name，預設會...
Middleware 就像是你進入一個地方時的入口一樣，可以在存取每個頁面之前執行特定的操作，比如驗證身份、處理資料等，讓我們能夠有效管理應用程式的行為。 使用...
在 Day 3 – Nuxt 3 核心功能概念（下） 有提到 Nuxt 3 是以 Nitro 做為 Server Engine，其中包含後端的 API 開發，透...
昨天（Day 13 – Nuxt 3 Server）介紹了 Nuxt 3 Server 的基本功能，今天來示範如何用 Server API 連接資料庫製作一個待...
Nuxt 3 提供兩個 composables（useFetch、useAsyncData）和一個 utils（$fetch） 做為取得資料函式： useF...
Transitions 可以在切換網頁時加入動畫效果，如淡入、淡出、滑動或其他自定義的效果來提升使用者體驗，也可以結合其他動畫函式庫讓網頁看起來更加華麗。 使用...
Nuxt 3 提供一個 composable useState 用來建立元件間的共用響應式狀態，可以當成是 SSR 友善的 ref，其值會在 SSR 之後保留並...
Nuxt DevTools 是一個在 Nuxt 3 開發過程中的重要工具，可以提供更加視覺化和透明化的開發體驗。 視覺化 透過圖形化界面將專案的結構、流程更...
昨天我們已經探討了 Components、Pages、Modules 等功能，幫助我們輕鬆管理專案的資源。今天將接續介紹 Nuxt Devtools 的其他強大...
來到 Nuxt Devtools 的最後一篇，今天將會探討與伺服器相關及其他進階的功能，還沒看過前兩篇的朋友也別錯過唷～ Day 18 – Nuxt Dev...
