系列文章
[Day 01] 淺談 CSR、SSR 與 SSG
前言 如果你曾寫過 Vue 或 React 這類型的前端框架，那麼多少會知道 SPA (Single-Page Application) 這個名詞，意思是網站僅...
[Day 02] Nuxt 3 介紹
前言 淺談 CSR、SSR 與 SSG的文中有提到，採用 SSR + SPA，將第一個畫面透過 SSR 產生，其他就交給 CSR 來做處理，既能兼具 SEO 還...
[Day 03] Nuxt 3 - 使用 nuxi 建立第一個專案
前言 身為前端工程師開發網頁，程式碼編輯器肯定必不可少，在這個系列將會使用 VS Code 進行開發，不過呢，也並沒有說一定非得使用 VS Code，所以說不論...
[Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置
前言 在我們使用完 Nuxt CLI 建立完專案後，其實就可以開始進行專案的開發，但是呢，相信不少人對於程式碼的排版都有自己的風格，不同人的 Coding St...
[Day 05] Nuxt 3 如何使用 Tailwind CSS
前言 為了後續範例程式在頁面呈現上能有比較好看的樣式，原先有想過使用 UI 框架或純寫 CSS，但是總覺得好像不夠潮，所以呢，我決定帶入近年滿熱門的 CSS 框...
[Day 06] Nuxt 3 目錄結構與自動載入 (Auto Imports)
前言 隨著整個專案的開發，目錄與元件勢必也會越來越多，如同 Vue 3 的專案可能會有專門放置元件目錄 components 等，在 Vue 3 我們可能不太需...
[Day 07] Nuxt 3 頁面 (Pages) 與路由 (Routing)
前言 在 Vue 中，我們會使用到 Vue Router 來實現切換頁面或路由的需求，而在 Nuxt 3 中，預設是沒有使用路由相關套件，直至建立了 pages...
[Day 08] Nuxt 3 布局模板 (Layouts)
前言 Nuxt 3 提供了一個布局模板 (Layouts) 的功能，可以讓你定義好布局模板後，在整個 Nuxt 中使用，舉例來說就很適合如上方有導覽列，下方是網...
[Day 09] Nuxt 3 元件 (Components)
前言 在建立 Vue 的網站開發過程中，我們可能會自己封裝元件 (Component) 讓程式碼可以被重複使用，也方便開發者維護，這些一個個的元件，可以透過全域...
[Day 10] Nuxt 3 組合式函式 (Composables)
前言 組合式函式 (Composables) 是一種利用 Vue 3 的 Composition API 來封裝和複用有狀態邏輯的函式，在 Nuxt 我們可以將...