Overview:

KlevuHeadless is a product discovery SDK that allows developers to incorporate AI-powered product discovery into various platforms such as websites, single page applications (SPA), progressive web apps (PWA), mobile apps, and more. It provides a simpler and faster way for developers to innovate by offering a monorepository and various project examples for different frameworks.

Features:

• TypeScript SDK: The Klevu SDK is written in TypeScript, offering full auto-completion support and comprehensive documentation for integrated development environments (IDEs).
• SPA (Single Page Applications): The library supports popular frontend libraries like React and Vue, allowing developers to integrate Klevu smart search, category merchandising, and recommendations in a customizable manner.
• PWA (Progressive Web Applications): Developers can bring the power of Klevu AI into PWAs, providing users with an experience similar to native apps.
• SSR & SSG (Server Side Rendering & Static Site Generation): The SDK supports SSR & SSG, enabling developers to enhance their store’s SEO and user experience by preloading search results, category pages, and recommendations.
• Full Creative Control: With the Klevu SDK, developers have maximum control over the display and interaction of the product catalog, allowing for unique user experiences that align with their brand.

Installation:

To install the Klevu SDK, follow these steps:

1. Install the @klevu/core package: npm install @klevu/core
2. Choose the appropriate example project based on your preferred framework:
   • React example: React, React Router, Material UI example
   • Vue example: Vue 3, Vue-Router, TailwindCSS example
   • Nuxt example: Nuxt 3 example
   • Remix example: Remix is a React-based example of using Klevu with Server Side Rendering
   • Vanilla JavaScript example: Minimal JavaScript example
   • Shopify Hydrogen example: Small Hydrogen example
3. Integrate Klevu into your application as desired, making use of the provided features.

Summary:

KlevuHeadless is a powerful product discovery SDK that allows developers to incorporate AI-driven search, category merchandising, and recommendations into various platforms. With its TypeScript SDK, support for different frameworks, and flexibility in customization, Klevu SDK provides developers with the necessary tools to create a seamless and unique product browsing experience for their customers.