solutions
建站方案選擇
1. 框架選擇
1.1 無框架
- 優點：自由度高，可以根據項目需求自由選擇技術方案。
- 缺點：需要自行搭建基礎架構，開發成本較高。
1.2 React
- 優點：React 是當前最流行的前端框架之一，擁有龐大的社區支持和豐富的生態系統。
- 缺點：學習曲線較陡，需要掌握 JSX 語法和一些輔助庫。
1.3 Vue
- 優點：Vue 是一個輕量級的前端框架，易於上手，適合快速開發。
- 缺點：生態系統相對 React 較小，部分功能需要額外尋找第三方庫。
1.4 Astro
- 優點：Astro 是一個全新的靜態網站生成器，支持多種框架和模板語言。
- 缺點：目前仍在開發中，部分功能可能不夠穩定。
1.5 Docusaurs
-
優點：Docusaurus 是一個由 Facebook 開發的靜態網站生成器，專注於技術文檔的編寫和部署。 使用 Markdown 和 React 進行文檔編寫，支持自定義主題和插件。
-
缺點：功能相對有限，適合用於技術文檔和靜態網站。
1.6 Hugo
- 優點：Hugo 是一個快速靜態網站生成器，支持多種主題和模板語言。
- 缺點：前端寫起來像在寫blade 模板，不夠直觀。
2. Css 框架選擇
2.1 Bootstrap
- 優點：Bootstrap 是一個流行的前端框架，提供了豐富的組件和樣式，可以快速搭建網頁。
- 缺點：樣式比較固定，不夠靈活。
2.2 Tailwind CSS
- 優點：Tailwind CSS 是一個功能強大的 CSS 框架，提供了大量的工具類，可以快速構建自定義風格的網頁。
- 缺點：學習曲線較陡，需要熟悉其獨特的類名風格。
2. Css 元件庫選擇
2.3 element-plus
- 優點：element-plus 是一個基於 Vue 3 的 UI 組件庫，提供了豐富的組件和樣式，支持按需引入，可以快速構建現代化的網頁應用。
- 缺點：需要熟悉 Vue 3 的使用方式，學習曲線較陡。
2.4 shadcn-ui
- 優點：shadcn-ui tailwind css 為基礎的組件庫，提供了豐富的組件和樣式，支持按需引入，可以快速構建現代化的網頁應用。 100% 可修改, 主要用於React
3. 方案選擇
3.1 靜態網站
從 Astro 或 ThemeForest 選擇一個靜態網站模板，然後根據項目需求進行定制化開發。
3.2 動態網站
使用 React 或 Vue 框架搭建一個動態網站，在Prototype 時, 選擇熟悉的框架, 確定api 可以接通後, 後期美化搭配 tailwind css 和 shadcn-ui 進行樣式設計。