Update KM : 07-project-creation 專案建立

[godmmt]

新增「建立 vercel 專案」的步驟

KM 位置：https://github.com/CAFECA-IO/WorkGuidelines/blob/main/newbie/software-engineering/07-project-creation.md

參考 https://github.com/CAFECA-IO/iSunCoin-official/issues/22

[godmmt]

[godmmt]

[godmmt]

[godmmt]

Vercel 是一個為開發者設計的平台，提供我們所需的工具、工作流程和基礎架構，讓我們能更快地構建和部署我們的 Web 應用程式，不需要太多額外配置。 Vercel 起始就支援熱門的前端框架。並且它在全球分佈了可擴展且安全的基礎架構，並從靠近我們的使用者資料中心提供內容以獲得最佳速度。 在開發過程中，Vercel 提供實時協作工具，如自動預覽和生產環境，並且可以在預覽部署上進行評論(comments)。

[godmmt]

Vercel 重要資訊總整理

1. 概述：

   • Vercel 是一個專為前端框架和靜態網站設計的平台，與無頭內容、電子商務或資料庫 API 無縫整合。
   • 由 Next.js 的開發者創建，為 Next.js 應用程式提供無縫整合和優化。

2. 帳號和團隊：

   • 你可以使用 GitHub、GitLab 或 Bitbucket 帳號註冊。
   • Vercel 支援個人帳號和團隊帳號，允許協作專案管理。

3. 專案部署：

   • 自動部署：每當你將更改推送到 Git 儲存庫時，自動部署你的專案。
   • 手動部署：使用 Vercel CLI 或儀表板手動部署。

4. 支援的框架：

   • 專為 Next.js 優化，但也支援多種框架，包括 React、Vue、Svelte、Angular 等。

5. 環境變數：

   • 通過 Vercel 儀表板輕鬆管理不同部署階段（開發、預覽、生成）的環境變數。

6. 自訂網域：

   • 可直接通過 Vercel 儀表板新增和管理自訂網域。
   • 自訂網域自動提供 SSL 憑證。

7. 無伺服器函數：

   • 使用無伺服器函數新增後端功能。
   • 函數會自動部署和擴展。

8. 分析：

   • 內建分析功能，監控網站的效能，如頁面瀏覽量、載入時間和訪客詳情。

9. 預覽部署：

   • 每個分支或拉取請求都會獲得一個獨特的預覽 URL，用於在合併到主分支前檢查更改。

10. 邊緣網路：

    • Vercel 利用全球邊緣網路，確保快速交付內容。
    • 提供快取和 CDN 整合，以改善網站效能。

11. 建置和部署配置：

    • 使用 vercel.json 配置檔進行進階設置，如重寫、重定向、標頭和函數路由。
    • 範例 vercel.json：

      {
      "version": 2,
      "builds": [{ "src": "next.config.js", "use": "@vercel/next" }],
      "rewrites": [{ "source": "/about", "destination": "/about.html" }]
      }

12. 整合：

    • 與各種服務整合，如 GitHub、GitLab、Bitbucket、Slack 等。
    • 支援無頭 CMS 和電子商務平台。

13. Vercel CLI：

    • 使用 Vercel CLI 從終端直接進行部署和管理任務。
    • 基本 CLI 指令：
      • vercel: 部署當前目錄中的專案。
      • vercel --prod: 部署到生成環境。
      • vercel env: 管理環境變數。

14. 監控和日誌：

    • 通過 Vercel 儀表板訪問建置日誌和函數日誌，以進行除錯和監控。

15. 定價：

    • Vercel 提供免費層，包含基本功能，及收費方案以滿足更多進階使用和支援需求。

[godmmt]

[godmmt]

建立的相關流程已更新在 KM，在這裡：

https://github.com/CAFECA-IO/WorkGuidelines/blob/main/newbie/software-engineering/07-project-creation.md#%E5%BB%BA%E7%AB%8B-vercel-%E5%B0%88%E6%A1%88

[godmmt]

took 5 hours

done.