外觀
技術規格說明
約 1250 字大約 4 分鐘
2025-07-10
這個頁面詳細說明了我們專案所使用的完整技術架構，包含前後端框架、雲端服務、開發工具等全方位的技術選型。
📋 目錄
🖥️ 後台技術棧
核心框架
我們的後台系統採用現代化的 PHP 生態系統，提供穩定、高效、可擴展的解決方案。
🔹 主要技術
PHP 8.3 - 最新版本的 PHP，提供更好的性能和新特性
- 支援 JIT 編譯器
- 改進的類型系統
- 更強的錯誤處理
Laravel 11 - 現代化的 PHP 框架
- 優雅的語法設計
- 強大的 ORM (Eloquent)
- 內建的認證和授權系統
- 豐富的生態系統
Filament 3 - 管理後台框架
- 快速建構管理介面
- 響應式設計
- 豐富的表單組件
- 內建的 CRUD 操作
數據儲存
🔹 數據庫系統
權限與安全
🔹 權限控制
- Spatie Laravel Permission - 角色權限管理
- 靈活的角色分配
- 細粒度權限控制
- 支援權限繼承
- 與 Laravel 深度整合
API 介面
🔹 API 架構
GraphQL - 現代化 API 查詢語言
- 按需獲取數據
- 強類型系統
- 單一端點設計
- 即時文檔生成
RESTful API - 傳統 REST 風格 API
- 標準化的 HTTP 方法
- 清晰的資源導向設計
- 易於理解和使用
- 廣泛的客戶端支援
🌐 前台技術棧
核心框架
前台採用現代化 JavaScript 生態系統，提供快速、互動性強的用戶體驗。
🔹 主要框架選擇
Astro - 現代靜態網站生成器
- 零 JavaScript 預設
- 島嶼架構 (Islands Architecture)
- 多框架支援
- 優秀的 SEO 性能
Nuxt 3 - Vue.js 全端框架
- 伺服器端渲染 (SSR)
- 自動路由生成
- 內建 TypeScript 支援
- 強大的模組生態系統
🔹 前端核心技術
樣式框架
🔹 CSS 框架
- Tailwind CSS - 實用優先的 CSS 框架
- 原子化 CSS 類別
- 響應式設計支援
- 深度客製化能力
- 優秀的開發體驗
☁️ 雲端服務
儲存與 CDN
我們的雲端架構採用多層次的服務整合，確保高可用性和優秀的使用者體驗。
🔹 儲存服務
- AWS S3 - 物件儲存服務
- 高耐久性 (99.999999999%)
- 可擴展性
- 多種儲存類別
- 完整的存取控制
🔹 CDN 與安全服務
Cloudflare - 全方位網路服務
🌍 CDN 服務
- 全球邊緣節點加速
- 智慧快取策略
- 圖片優化
- 頻寬節省
🔒 DNS 管理
- 高可用性 DNS
- 快速 DNS 解析
- DNS 安全防護
- 流量負載均衡
🛡️ 代理與防護
- DDoS 攻擊防護
- Web 應用程式防火牆 (WAF)
- SSL/TLS 加密
- 惡意機器人防護
🤖 Turnstile
- 隱私友善的驗證碼
- 無需使用者互動
- 機器人檢測
- GDPR 合規
🚀 開發與部署環境介紹
部署平台
🔹 前端部署
- Netlify - 現代化部署平台
- 持續整合/持續部署 (CI/CD)
- 全球 CDN 分發
- 表單處理
- 無伺服器函數支援
- Git 整合部署
- 預覽部署功能
🔹 後端部署相關環境
Linode | Google Cloud Platform - 雲端伺服器平台
- Ubuntu 20.04 LTS 作業系統
- Docker 容器化部署
- Nginx 反向代理伺服器