为了解决这个问题，AEM 提供了根据您自己的目的开发新组件或重新实现现有核心组件的机会。这当然是更新过时组件的最佳方法。然而，到 2024 年，您不再想用普通 JavaScript 开发逻辑。 AEM 在这方面也采取了预防措施，允许集成现代 JavaScript 和 TypeScript 框架来设计组件。
然而，重要的是所选择的解决方案既要保持高性能又要简单，这样 AEM 已经庞大的技术上层建筑就不会进一步增长。因此，我们选择 Stencil 来重新启动 BVB 网站。
为什么是 Stencil.js？
Stencil 是使用 TypeScript、JSX 和 CSS 实现的 Web 组件框架。与其他前端框架相比，Stencil 的一大优势是，一方面它非常小，另一方面性能非常好。这对我们有利，因为在这里我们一石二鸟：一方面，我们得到了一个现代的解决方案，取代了旧的组件实现，另一方面，该解决方案是如此精简和快速，以至于它可以在广泛的 AEM cosmos 中使用不会导致任何额外的 投资者领先 性能问题。在这里，AEM 和 Stencil 的共生关系得到了充分发挥。
一张图片中包含三个 Stencil.js 组件。右侧的滑块、新闻元素和广告是在 Stencil 中开发的，来源：BVB.de
结论
Stencil 和 Adobe Experience Manager (AEM) 的共生令人印象深刻地展示了如何高效地设计现代 Web 开发并面向未来。虽然 AEM 作为强大的内容管理系统具有许多优势，但其过时的结构和庞大的技术上层建筑可能会带来挑战。 Stencil 在这里创造了重要的附加值：其纤薄的高性能架构显着提高了 AEM 的灵活性和性能。
事实证明，AEM 和 Stencil 的组合是重新推出 BVB 网站的理想组合。它使我们能够用现代的、面向未来的替代品替换过时的组件，而不会对 AEM 广泛的基础设施产生负面影响。这表明，两个框架的结合并不一定会带来更多的问题，而且它们还可以完美地相辅相成。
您想了解更多关于 adesso 世界中令人兴奋的话题吗？那么请看一下我们之前发布的博客文章。