📗 Vibe Coding Series

Re:Nuxt

20 天練習曲

20 堂課掌握 Nuxt 4 全端框架核心概念

用 Claude Code 指揮你的專案

Best Practice

Nuxt 3 + TailwindCSS

Nuxt 4.0 + DaisyUI

目　錄

Phase 1骨架與基礎

01Project Structure 02File-based Routing 03Dynamic Routes 04Components & Auto-import 05Layouts

Phase 2數據與邏輯

06Composables 07Data Fetching (SSR)08Data Refreshing 09State Management 10Runtime Config

Phase 3伺服器 Nitro

11Server Routes 12Handling Body & Query 13Server Middleware

Phase 4互動與優化

14Middleware (Route Guards)15SEO & Meta Tags 16Error Handling 17Modules Ecosystem

Phase 5進階與部署

18Rendering Modes 19Plugins 20Build & Deploy