文章

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

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

使用 Oxlint 和 Oxfmt 取代 ESLint 和 Prettier，享受 50-100 倍的速度提升，同時保持程式碼品質。

設計 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 元件的嚴格類型定義。

這篇文章帶你快速配置新版 ESLint 9.x 的扁平化設定檔，包含格式化與自定義檢測規範。

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

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

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

使用 husky 與 commitlint 來自動檢查 commit 訊息跟 branch 名稱的格式

使用 JS 開發專案時，我們經常需要安裝第三方套件來擴充功能，使用 Package Manager 可以讓我們更方便的管理套件版本並確保相容性。

Vite 是一個由 Vue.js 團隊開發的網頁前端開發工具，用於開發與打包網頁前端專案。

本篇將介紹如何使用 Vite 快速建立一個 Vue.js 專案，從安裝、啟動及基本設置的操作步驟。

將 Ubuntu 的 apt 來源更換為台灣國網中心，提升 package 的下載速度。

透過修改 sudoers 檔案，讓特定使用者在執行 sudo 時不用輸入密碼。

透過 Windows Subsystem for Linux (WSL) 在 Windows 上安裝 Ubuntu 來使用 Linux 環境。

認識 Node.js，在 Linux / Windows / Mac 任何作業系統安裝 NVM 來管理 Node.js 版本。

Vue.js，一個平易近人、高效能且功能完整的漸進式 JavaScript 框架。

CSS 基礎屬性與樣式

HTML 基礎語法與常用標籤

Ubuntu 操作入門筆記

編輯拆分中

快捷鍵與前端開發常用 Extension 推薦

透過 v-bind 屬性綁定，讓元素可以動態更新屬性

透過 v-for 迴圈指令，讓元素可以動態渲染數據。

透過 v-on 事件綁定，讓元素可以觸發事件

VS Code 是近年最熱門的程式碼編輯器，本篇將介紹 VS Code 的基本功能及使用方式，並簡介 VS Code 的進階應用。