返回主题列表

Astro + Svelte 样板

一个完整的 Astro、Svelte 和 Typescript 样板,专注于可读性、可重用性和原子设计架构,是可扩展系统的理想选择。


价格

免费


此样板是使用 Astro.jsSvelteTypeScript 构建的完整专业基础,旨在实现高性能、高安全性和高质量的代码。它非常适合需要坚实可维护架构的复杂大型应用程序。


该项目的核心支柱是可读性可重用性可重构性。UI 遵循原子设计方法,将组件组织成原子、分子、有机体和模板,以获得更好的结构和一致性。


它包括


  • Astro.js 用于静态和混合渲染
  • Svelte 用于响应式和快速 UI
  • TypeScript 用于类型安全
  • CSS Modules 用于作用域样式
  • 使用 Vitest 和 Playwright 进行测试
  • Lefthook、BiomeJS 和 Commitlint 等代码质量工具
  • 响应式设计,并支持 prefers-reduced-motion


该项目得到积极维护,并根据架构和开发者体验的最佳实践进行更新。预配置的脚本可以轻松地使用 pnpm 运行开发环境、测试、代码检查、格式化代码以及检查依赖项更新。


通过 Lefthook 强制执行严格的代码检查和测试规则,确保每次提交和推送的代码都是干净且可用于生产的。


这个主题非常适合希望从一个可扩展且结构良好的代码库开始,避免设置开销并专注于更快地构建功能的开发者和团队。


Éverton Toffanetto 创建和维护

🔗 领英

🔗 YouTube