原為區塊鏈相關產品的 landing page，現已移除網域、敏感個資作為作品使用。
- Vue.js：網頁框架，方便使用重複的 component 進行開發。
- Nginx：作為靜態 Web Server，並進行 cache、compression 壓縮等處理。
- Docker：協助建置、測試並且打包成一個獨立網頁應用，只需建置一次 Docker image，即可在任意機器、平台、服務上執行，避免環境設定、套件安裝等繁雜工作。
- Google Cloud Platform：協助我們整合 CI/CD 自動進行建置、測試、部署至雲端，讓我們有更多餘力專注在開發上。
參考我的部落格文章：How to Deploy Static Site to GCP Cloud Run
yarn: 安裝 dependencies。yarn dev: 在 http://localhost:3000 使用 hot reload 開發。yarn format：使用 Prettier 確保程式碼風格符合規範。yarn lint：使用 ESLint 確保程式碼風格符合規範。yarn build: production build。yarn serve：透過 http://localhost:7070 檢驗 production build 結果。
./scripts/build-image.sh: 在 local 環境建置 Docker image。./scripts/run-image.sh: 在 local 環境運行 Docker container。./scripts/cloud-build.sh: 嘗試使用 GCP Cloud Build 建置 Docker image。
- 執行
yarn安裝 dependencies。 - 開啟 branch 進行開發，branch 名稱使用
build|ci|docs|feat|fix|perf|refactor|test開頭並加上斜線/，例如：feat/add-ico-ui-block。 - 修改程式並 commit，commit message 遵守 Angular Convention，經修改的程式碼會透過 lint-staged + husky 進行 lint & test。
- Push 至 Github，手動發起 pull request。
- 自動觸發 Github Actions 的 merge-build job，嘗試建置 Docker image 成功後，手動 merge 進 master branch。
- 自動觸發 Cloud Build 建置 Docker image 後部署至 Cloud Run。
Depfu 會在 npm packages 有新版本時發出 PR 且列出 changelog，方便我們進行例行性套件升級。