展示HN:人工智能的低质量产品充斥了模板市场
我为客户寻找电子商务模板时遇到了两个不理想的选择:
- 昂贵且受限的生态系统,如 Shopify
- 破碎的 AI 生成的垃圾
于是我创建了 Estrocom,这是一个基于 Astro、Tailwind 和 TypeScript 的电子商务模板,旨在满足 WCAG AA 可访问性标准,友好于 SEO,并优先考虑移动端体验。
在线演示:
[https://estrocom.netlify.app](https://estrocom.netlify.app)
源代码:
[https://github.com/VBproDev/estrocom](https://github.com/VBproDev/estrocom)
为什么值得一试:
- 可访问性:通过 Axe 和 Lighthouse 检测未发现问题,保持 WCAG AA 对比度
- 性能:加载时间低于 1 秒,Lighthouse 得分优秀
- 移动优先:适用于 360px 到大屏幕的设备
- 原子设计:具备原子、分子和有机体的可扩展性
- 完整购物流程:购物车 + 产品分类
- SEO 友好:支持 JSON-LD 架构和网站地图
查看原文
I was sourcing e-commerce templates for a client and ran into two bad options:<p>- expensive, locked-down ecosystems like Shopify
- broken AI-generated junk<p>So I built Estrocom, an e-commerce template with Astro, Tailwind, and TypeScript,
designed to be WCAG AA accessible, SEO-friendly, and mobile-first.<p>Live demo:
<a href="https://estrocom.netlify.app" rel="nofollow">https://estrocom.netlify.app</a><p>Source code:
<a href="https://github.com/VBproDev/estrocom" rel="nofollow">https://github.com/VBproDev/estrocom</a><p>Why it’s worth checking out:<p>- Accessibility: 0 issues detected by Axe and Lighthouse, WCAG AA contrast maintained
- Performance: Sub-1s load time with strong Lighthouse scores
- Mobile-first: Works from 360px up to large screens
- Atomic design: Atoms, molecules, and organisms for scalability
- Full shopping flow: Cart + product categorization
- SEO-ready: JSON-LD schema and sitemap support