Blog
A practical guide to using AI to curate product collections at scale, make product recommendation and search algorithms smarter with semantic awareness, and empower teams to deliver seamless customer experiences.
Generate nuanced translations for your e-commerce site using AI. Learn how to set up, fine-tune, and integrate AI models seamlessly with your headless CMS for automatic content translation. Uncover practical steps for implementation, from choosing the right language model to architecting efficient translation workflows that align with your budget and goals.
A headless architecture comprises a headless CMS for content management and a site builder using static site frameworks like Next.js, Gatsby, and Nuxt.js. Content is retrieved from the CMS, and bundled code is deployed via a distribution platform. Headless CMS examples include Contentful and Sanity, offering editor interfaces, page previews, and APIs. Site builders use CMS client SDKs to transform data, and distribution platforms enhance performance with CDNs. Third-party services and hosted assets can be integrated.
Going headless does not automatically bestow upon your site better SEO and speed. What it does is give you the freedom, flexibility and control to implement the right strategy for your business. We discuss the technical factors to optimize for SEO and performance in your headless application.
Lowering location accuracy is not the best way to reduce your app's power usage. Use these configurations for iOS background location services and stop draining your users' batteries.
Optimizing bundle size is critical for high-performance web applications. Learn how to use Webpack Bundle Analyzer and Statoscope to identify and visualize imported modules in your codebase for quicker page load times.
Learn how we manage design debt in our file asset library by detaching components and styles from unwanted libraries in Figma. No more messy libraries. Our new Figma plugin "Missing Library Usage Finder" locates and detaches components, while "Library Style Detail Extractor" identifies styles and components linked to an unwanted library for easy removal. Simplify your design system management with these tools.
Dynamic components empower content authors to independently draft, publish, and modify pages without relying on developer assistance and are essential to headless CMS architecture. However, Angular’s hierarchical structure and intricate rendering process pose challenges to building and implementing headless platforms in Angular. In this article, we’ll walk through our approach to dynamically rendering components in Angular, with a working Angular application as an example.