鐵人檔案
這個系列文章將帶領初學者在30天內從 Nuxt 3 的基礎到實踐，藉由範例讓你了解 Nuxt 3 各種原理，深入了解 Nuxt 3 的核心概念。在這30天當中將會一步步建立 Nuxt 3 專案，並介紹專案結構、元件、路由、狀態管理等 Nuxt 3 各項功能，此外，還會示範 Nuxt 3 好用的模組及 Unocss，幫助你快速開發及美化網站無論你是 Vue 的新手還是老手，只要你有一些 HTML、CSS 和 JavaScript 的基礎知識，就可以跟著這個系列文章一起學習 Nuxt 3 的魅力。讓我們一起開始吧！
在開發專案時，通常需要使用到一些靜態檔案，比如圖片和字形等等。這些檔案應該被妥善地存放在一個統一的地方，以便有效地管理和使用，一起來看看靜態檔案的存放位置有哪些...
Nuxt Image 提供兩個元件 <NuxtImg> 及 <NuxtPicture>。<NuxtImg> 渲染的會是 HT...
ESLint 是一個 JavaScript 程式碼的分析工具，可以用來檢查 JavaScript 程式碼中的錯誤、風格問題和潛在的問題，也可以根據自己的需求定義...
Nuxt 3 整合許多 Vue 生態系常見的 UI 框架，包含官方推出的 Nuxt UI、基於 Google 的 Material Design 指南開發的 V...
昨天我們建立了 uno.config.ts，這個檔案是 UnoCSS 的設定檔，可以用來自定義 CSS 規則和變數以滿足專案的樣式需求，以下是一個 uno.co...
Presets 是將一組樣式規則與其他設定項目打包成可重複使用的 Preset，這些設定會和 uno.config.ts 中的其他主要設定合併在一起，讓我們輕鬆...
今天來介紹另一個厲害的模組：Nuxt Content，它能夠解析專案中結構化的 .md、.yml、.csv 或 .json 將內容呈現在頁面中，不需要繁瑣的設定...
延續昨天的範例，我們在 pages/[...slug].vue 使用了元件 <ContentDoc />。今天就來談談 <ContentDoc...
連續兩天介紹了 Nuxt Content 的用法，今天就試著用 Nuxt Content 和前幾天介紹過的 UnoCSS、Nuxt Image 來實際建立一個簡...
終於來到最後一天啦！今天會介紹如何編譯及佈署開發完的網站，Nuxt 3 可以部署在 Node.js 伺服器上，也可以 SSG 方式部屬到靜態檔案伺服器，讓我們繼...
