Vue Storefront is now Alokai! Learn More
Overview

Overview

Want to skip the theory and make your hands dirty?

Learn how to set up your first Alokai project here.

Integrations

The integration of Alokai (formerly known as Vuestorefront) with Odoo creates a powerful and flexible e-commerce solution, combining the modernity of a headless frontend with the robustness of a comprehensive ERP system. This integration also incorporates Redis and Algolia for performance optimization and advanced search capabilities. This document serves as a guide for implementing this integration, facilitating the creation of online stores that benefit from the scalability, customization, and performance offered by these platforms.

The integration between Alokai and Odoo aims to deliver an optimized online shopping experience, where the frontend provides a fast and responsive user interface, while the Odoo backend manages critical data such as products, inventory, orders, and customers. Redis and Algolia are used to ensure high performance, with fast responses and advanced search functionalities. Key Components of the Integration

Key Components of the Integration

Api layer: Communication between Alokai and Odoo is handled via API, using GraphQL for GET requests (queries) and mutations for other operations (POST, PUT, DELETE).

Custom types and responses: On the client side, the responses for queries and mutations are typed to ensure consistency and avoid errors during development.

Modular Structure: The code is organized in a modular fashion, with queries and mutations registered in their respective directories, allowing for easy maintenance and extensibility.

Redis Caching: Redis is used for caching frequently accessed data, managing sessions, and optimizing performance, ensuring a fast and efficient response.

Algolia Search: Algolia is integrated to provide real-time search and advanced filtering, enhancing the search experience on the frontend and allowing for quick and relevant results.

Benefits of the Integration

Performance: Alokai's PWA architecture ensures customers experience fast loading times and a smooth shopping experience. The use of Redis and Algolia further optimizes performance and search, reducing backend load and speeding up response times.

Flexibility: The separation between frontend and backend allows for independent customizations and upgrades, making it easier to adapt to new trends and technologies.

Scalability: With Odoo managing critical backend operations, Redis improving performance, and Algolia optimizing search, the solution can scale with the business, handling increased order volumes, products, and users effectively.

Demo

Our demo Storefront is using:

  • Nuxt.js at version 3
  • Commercetools
  • Storefront UI 2
  • Alokai Middleware
  • Alokai SDK
Alokai Demo

Check out our demo storefront to see how a generic Alokai project look like

Get in touch

Another great way to contribute to the Alokai ecosystem is to create additional ecosystems. This can allow developers to use Alokai to connect to even more services.

If you're interested in creating an integration, we want to support you! Reach out on Discord and we can help find ways to guide you through the process of creating custom integrations.