Web 前端开发领域的正交化技术栈

在 Web 前端开发领域，技术栈太多了。针对 CMS，如何选择一套正交化技术栈，做到高内聚低耦合，各个技术的变动基本不影响其它技术？

可以试试这个技术栈，其中每一项都可以较低成本地切换到其它选择：

1. CMS 后端：Directus。
2. Web 前端基础：HTML、CSS、JavaScript。
3. 内容框架：Astro。
4. UI 框架：Vue。
5. UI 组件库：RadixUI。
6. CSS 框架：UnoCSS。
7. 设计系统：Material Design。