系列文章
[Day 11] Nuxt 3 插件 (Plugins)
前言 在開發時，為了不重複造輪子，我們可能會在網路上找看看有沒有現成的套件可以做使用，如果這個套件在 Nuxt 3 沒有專用的模組或插件，那麼我們就只能依照套件...
[Day 12] Nuxt 3 模組 (Modules)
前言 在使用 Nuxt 開發過程中，我們可以透過配置模組 (Modules) 或插件 (Plugin)來進行擴充，在[[Day 11] Nuxt 3 插件 (P...
[Day 13] Nuxt 3 中間件目錄 (Middleware Directory)
前言 在 Vue 的專案內我們的頁面通常由 Vue Router 來控制路由及導航，Vue Router 提供了導航守衛 (Navigation Guards)...
[Day 14] Nuxt 3 Server API 與 Nitro Engine
前言 本篇將介紹如何在 Nuxt 3 中建置 Server API，在這之前會先介紹一下 Nitro Engine 是什麼東西，Nitro 可能不多人聽過但與...
[Day 15] Nuxt 3 資料獲取 (Data Fetching)
前言 現在的網站技術與前端框架的推進，使用 AJAX (Asynchronous JavaScript and XML) 技術發送 API 至後端進行資料獲取已...
[Day 16] Nuxt 3 狀態管理 (State Management)
前言 Vue 3 父子元件間資料傳遞與讀寫或是跨元件間的狀態共享，可以選擇使用 Props / Emit、Provide / Inject 或 Vuex sto...
[Day 17] Nuxt 3 狀態管理 - Store & Pinia
前言 上一篇我們介紹了如何在 Nuxt 3 使用 useState 來建立一個元件間的共享狀態，隨著專案的健壯增大，我們就需要一個更好的方式來管理與儲存這些狀態...
[Day 18] Nuxt 3 Runtime Config & App Config
前言 在 Nuxt 3 中提供了兩種可以方式設定環境變數或前端需要使用的共用設定，分別是在 Nuxt 啟動時會在後端載入使用的 Runtime Config 及...
[Day 19] Nuxt 3 串接 Google OAuth 登入
前言 跟隨著本系列學習 Nuxt 3 的夥伴們，應該對 Nuxt 3 有一點熟悉了，接下來會分享如何建立一個簡易的部落格網站，再結合 Nuxt 3 提供可以針對...
[Day 20] Nuxt 3 Cookie 的設置與 JWT 的搭配
前言 Cookie 在瀏覽網站時多會使用到，不論是用來儲存臨時的資訊或是辨識使用者等，這一個儲存在瀏覽器的一小段文字資料，會在每次發送 HTTP 請求時自動夾帶...