The best way to manage
content with Vue Storefront

Combining LexasCMS and Vue Storefront will enable you to create highly personalised and exceptionally fast e-commerce experiences that actually boost conversion rates.

Get Started

Vue Storefront Technology Partner

LexasCMS is an official technology partner of Vue Storefront. This means that you can be sure that integrating LexasCMS into your Vue Storefront project will be a smooth process.

Official Vue Storefront Module

import { useContent } from 'vsf-lexascms';

const { search } = useContent();

await search({
  type: 'collection',
  contentType: 'blogPost',
  params: {
    filter: {
      featured: { _eq: true }
    },
    page: { limit: 5 }
  }
});

<!-- Multiple Items -->
<PromoBanners :filter="{ featured: { _eq: true } }"
              :page="{ limit: 5 }" />

<!-- Individual Item -->
<PromoBanner id="1234" />

Official Vue Storefront 1.x and Next modules

We have developed and maintain official modules for integrating with both Vue Storefront 1.x and the upcoming Vue Storefront Next.

Full access to all API features (personalisation, scheduling, filtering, pagination etc.)
Empower content editors to create personalised user experiences and update content without developer involvement

See Vue Storefront 1.x integration guide See Vue Storefront Next integration guide

Personalised Content

import { useContent } from 'vsf-lexascms';

const { search } = useContent();

await search({
  type: 'collection',
  contentType: 'blogPost',
  params: {
    page: { limit: 5 }
  },
  context: {
    audienceAttributes: {
      age: 25,
      location: 'GB'
    }
  }
});

<script>
  // ...
  this.$store.dispatch('vsf-lexascms/setRequestContext', {
    audienceAttributes: {
      age: 25,
      location: 'GB'
    }
  });
  // ...
</script>

<template>
  <PromoBanners :page="{ limit: 5 }" />
</template>

Built-in content personalisation

Thanks to LexasCMS' built-in support for personalised content, you can easily tailor the content that each customer receives without the need for complicated logic within your application.

Create tailored experiences for your customers without the burden of complex application logic
Provide content editors and marketing teams with the autonomy to control who should receive what content

Learn more about personalised content

Content Scheduling

import { useContent } from 'vsf-lexascms';

const { search } = useContent();

await search({
  type: 'collection',
  contentType: 'blogPost',
  params: {
    page: { limit: 5 }
  }
});

<!-- Multiple Items -->
<PromoBanners :page="{ limit: 5 }" />

<!-- Individual Item -->
<PromoBanner id="1234" />

Effortless content scheduling

Our content delivery API automatically determines which content should be returned and when, allowing you to focus on building an exceptional user experience.

Content delivery API automatically handles scheduled content, preventing additional application complexity
No code changes are required for fetching scheduled content

Learn more about content scheduling

Localisation

import { useContent } from 'vsf-lexascms';

const { search } = useContent();

await search({
  type: 'collection',
  contentType: 'blogPost',
  params: {
    page: { limit: 5 },
    localeCode: 'de-DE'
  }
});

<!-- Multiple Items -->
<PromoBanners :page="{ limit: 5 }"
              locale-code="de-DE" />

<!-- Individual Item -->
<PromoBanner id="1234" locale-code="de-DE" />

First class localisation

Our Vue Storefront modules make it easy to retrieve content which is localised for your customers.

Create, manage and retrieve content in as many locales as you could possibly need
Define locale fallbacks for the times when content hasn't yet been translated

Learn more about localisation

Start delivering
personalised experiences
with your 14 day free trial.

Get started for free

The best way to manage
content with Vue Storefront

Vue Storefront Technology Partner

Official Vue Storefront 1.x and Next modules

Built-in content personalisation

Effortless content scheduling

First class localisation

Start delivering
personalised experiences
with your 14 day free trial.

Features

Product

Support

Company

The best way to manage content with Vue Storefront

Vue Storefront Technology Partner

Official Vue Storefront 1.x and Next modules

Built-in content personalisation

Effortless content scheduling

First class localisation

Start delivering personalised experiences with your 14 day free trial.

Features

Product

Support

Company

The best way to manage
content with Vue Storefront

Start delivering
personalised experiences
with your 14 day free trial.