测试文章

测试文章

一级标题

二级标题

三级标题

 
普通文本

有时明月无人夜

獨向昭潭

制惡龍

  • 列表1
  • 列表2
 
 
我們計劃將網站的雲端託管設置在 AWS,使用 PostgreSQL 作為資料庫,提供管理式服務,支援自動備份、修補和高可用性,部署在 AWS RDS 上,確保高可用性和可擴展性,整合 Amazon S3 存儲靜態資產、Amazon CloudFront 作為內容傳遞網絡(CDN),以及 Amazon CloudWatch 進行監控和記錄。
後端我們使用 Node.js 構建後端 CMS(內容管理系統),利用Hono.js其 RPC 功能提供更好的類型安全性,方便前後端資料傳遞,實現 CMS 邏輯,簡化開發和部署。
前端使用Next.js作為前端伺服器渲染框架,結合React.js構建前端,並利用其API Routes或者Server Action處理後端CMS邏輯,Next.js支援伺服器渲染(SSR)、靜態展點生成(SSG)和結合兩者的增量生成(ISR),提升性能和處理SEO。
關於UI訂製開發上面,我們計畫使用 shadcn/ui 或者 react-aria (react-aria 支援超過 30 種語言、13 種日曆系統和 5 種編號系統,以及 RTL 布局,對於語言學習網站非常關鍵。shadcn/ui 雖然未明確強調國際化,但基於 Radix UI,也提供一定的可客製化空間。)等headless ui組件庫作為基底開發,有助於提高頁面UI的可客製化、可訪問性和性能,確保視覺或聽覺障礙的學習者也能順暢使用,它們提供無樣式的組件,方便結合設計師和客戶的想法隨心所欲訂製UI和交互體驗,特別適合需要高度客製化和多語言支援的情況。
在開發方法上,我們打算採用端到端類型安全的API集成開發(HONO RPC),並以 點對點(Point-to-Point)、逐步遷移(Section-by-Section) 的方式實施,例如:用戶管理(User Management)和書籍管理(Book Management),確保從列表到詳細內容的所有數據均被妥善覆蓋。
在持續集成方面,我們計畫使用dokploy/coolify等工具搭建自動化部署平台,允許從 Git 倉庫(如 GitHub)自動部署應用程式,意味著每次代碼變更推送時,它可以自動建置和部署,減少手動操作。這對於需要頻繁更新的語言學習網站非常有用,例如添加新課程或修復 bug。