my-todo-app

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

---

Deployment

Vercel - Deploy Your Frontend Projects

Vercel 是一個專為現代前端框架（如 Vue、React、Svelte、Next.js）設計的雲端部署平台，可以讓你「一鍵將網站部署到網路上」，完全不需要架設伺服器或自己處理 SSL、CDN 等繁瑣事務。

• 官方網站：https://vercel.com
• 文件教學：https://vercel.com/docs
• my-todo-app-seven-sigma.vercel.app

🎯 核心特點

1. 靜態網站部署：適合 Vue、React、Vite 等框架，支援 SPA / SSG / SSR
2. 自動部署：連接 GitHub 後，每次 push 自動重新部署
3. 全球 CDN 快取：部署的網站會自動分發到世界各地的節點，載入速度更快
4. 自動 HTTPS：不用額外設定憑證，就有 HTTPS 安全連線
5. Preview Deployments：每次 PR 都會有專屬測試網址，方便開發協作
6. 環境變數管理：GUI 介面設定 .env 值，方便不同環境切換

✅ 適合誰使用？

• 前端工程師想快速展示作品
• 想部署 Vue / React / Next.js / Svelte 等專案
• 學生 / 初學者製作 side project、個人網站
• 開發團隊快速建立部署流程（CI/CD）

💡 與其他平台比較

平台	適合部署	免費方案	自動部署	容易程度
Vercel	前端 (Vue/React/Next)	✅	✅	🌟🌟🌟🌟🌟
Netlify	前端 + 函數	✅	✅	🌟🌟🌟🌟
Render	後端服務 / API	✅	✅	🌟🌟🌟
GitHub Pages	靜態網站	✅	❌	🌟🌟

🚀 使用 Vercel 的基本流程

1. 把你的前端專案上傳到 GitHub
2. 到 https://vercel.com
3. 登入 / 註冊 → Import Git Repository
4. 選取 GitHub 專案，Vercel 會自動偵測是 Vue、Vite 等框架
5. 點「Deploy」→ 成功後取得網址