今天進入 Day 28，主要是把前幾天完成的 React 記帳 App 部署到 Vercel，讓原本只能在 localhost:5173 執行的專案，真正變成可以透過網址使用的線上 App。

第一次部署到 Vercel
這次使用 Vercel 來部署，因為可以直接連接 GitHub 專案，設定好專案後，Vercel 就會自動執行 Build 並產生正式網址。
整個流程可以簡單理解成：
GitHub 專案 → Vercel → Build → 部署完成 → 取得線上網址
第一次看到自己的 App 不再只是 localhost，而是真的可以透過網路開啟，
讓我真正的有實感，我真的做出了一個大家都可以使用的app。

實際測試線上版本
部署完成後，我也重新測試了之前做過的功能，包括記帳、新增刪除、圖表、多幣別、語言切換和存錢目標等。
同時也用手機開啟網站，確認之前做的 RWD 是否正常。
原本加入的 localStorage 也能在線上版本繼續保存資料，不需要另外建立後端資料庫。
不過這也讓我注意到，localStorage 是儲存在使用者自己的瀏覽器裡，所以不同裝置之間的資料並不會自動同步。

從本機開發到真正上線
這次部署讓我第一次完整走過：
本機開發 → GitHub 管理 → Vercel 部署 → 線上使用
以前會覺得「把網站放到雲端」好像很複雜，但實際操作後才發現，現在的工具已經把很多流程簡化了。
當看到自己花了快一個月完成的 App，真的可以直接透過網址開啟時，那個成就感一下子就出來了，其實這可能對別人來說，一天就能搓出來，但這種心情還是很值得紀錄一下。

🔗 專案相關連結
*線上體驗網址（Live Demo）：https://accounting-app-ten-lilac.vercel.app/
*GitHub 程式碼倉庫（Repository）：https://github.com/czy2007/accounting-app.git

總結:

• 學會使用 Vercel 部署 React + Vite 專案。
• 理解 GitHub 與 Vercel 之間的自動部署流程。
• 實際測試線上版本與手機 RWD。
• 了解 localStorage 在線上環境中的資料保存方式。
• 完成從本機開發到雲端部署的完整流程。