此样板是使用 Astro.js、Svelte 和 TypeScript 构建的完整专业基础,旨在实现高性能、高安全性和高质量的代码。它非常适合需要坚实可维护架构的复杂大型应用程序。
该项目的核心支柱是可读性、可重用性和可重构性。UI 遵循原子设计方法,将组件组织成原子、分子、有机体和模板,以获得更好的结构和一致性。
它包括
- Astro.js 用于静态和混合渲染
- Svelte 用于响应式和快速 UI
- TypeScript 用于类型安全
- CSS Modules 用于作用域样式
- 使用 Vitest 和 Playwright 进行测试
- Lefthook、BiomeJS 和 Commitlint 等代码质量工具
- 响应式设计,并支持 prefers-reduced-motion
该项目得到积极维护,并根据架构和开发者体验的最佳实践进行更新。预配置的脚本可以轻松地使用 pnpm 运行开发环境、测试、代码检查、格式化代码以及检查依赖项更新。
通过 Lefthook 强制执行严格的代码检查和测试规则,确保每次提交和推送的代码都是干净且可用于生产的。
这个主题非常适合希望从一个可扩展且结构良好的代码库开始,避免设置开销并专注于更快地构建功能的开发者和团队。
由 Éverton Toffanetto 创建和维护
🔗 领英
🔗 YouTube