Nuxt

在 ssr: false 的 Nuxt 專案裡，API 回傳 500 時 console 一片安靜，卻能透過 useNuxtApp().payload.error 看到完整錯誤內容。本文記錄這個現象的成因，以及純 Vue 專案如何復刻同樣的除錯體驗。

從 Supabase Cloud 遷移到 Self-hosted，涵蓋 Docker 部署、Cloudflare Tunnel 配置、Migration 手動執行與日常維護。

設計 CLAUDE.md 專案規範，建立 AI Skills 系統與自動化開發流程，提升與 AI 協作的效率。

使用 @onmax/nuxt-better-auth 實現完整的認證系統，包含 OAuth 社交登入、Session 管理與權限檢查。

從技術選型到目錄結構，打造可維護的 Nuxt 4 + Supabase + Cloudflare Workers 全棧應用。

使用 Nitro 建構 RESTful API，涵蓋目錄結構、Zod 驗證、統一回應格式與錯誤處理。

使用 Nuxt UI 4 打造專業級 Dashboard 介面，涵蓋側邊欄、導航、響應式設計與主題配置的實作經驗。

使用 Pinia Colada 管理非同步狀態，實作 useQuery 查詢、useMutation 變更與快取策略。

實作 RBAC 角色權限控制，涵蓋 Client 端路由守衛、Server 端權限檢查、與 nuxt.config 的 routeRules 設定。

撰寫安全的 Supabase Database Function，涵蓋 search_path、SECURITY DEFINER、與 supabase db lint 檢查。

建立安全可靠的 Supabase Migration 工作流程，從本地開發到遠端同步的完整指南。

設計安全的 Supabase RLS 政策，實作 Client 端唯讀、Server 端寫入的資料存取策略。

在 Nuxt 4 專案中實踐 TDD 開發流程，涵蓋 Vitest 設定、單元測試與 Nuxt 環境測試。

在 Nuxt 4 專案中實現端到端類型安全，從 Supabase 自動產生類型到 Vue 元件的嚴格類型定義。

透過 Nitro 輕鬆將 json 檔、圖片、影片等靜態資源導入 Nuxt 專案，並了解 public assets 與 server assets 的差異與使用方式。

快速了解 Nuxt 3 中的 Nitro 與 H3，如何讓後端開發更簡單高效，並支援多平台部署。

透過 Maybe<T> 全域型別定義，在 Nuxt 專案中優雅地處理可能為 null 或 undefined 的值，提升型別安全和開發體驗。