LexasCMS / tutorial-vsf-next

Tutorial demonstrating how to integrate LexasCMS into a Vue Storefront Next project.

Vue Storefront Next Tutorial

This is the complete tutorial source code for integrating LexasCMS with Vue Storefront Next.

Tutorial

This tutorial is split into 3 parts, details of which can be found below:

• Part 1 - Headless CMS Integration [branch: part-1-cms-integration]
• Part 2 - Personalised Content [branch: part-2-personalisation]
• Part 3 - Visual Content Previews [branch: part-3-visual-previews]

Live Demo

Click here to view a live demo of this repo.

Deploy to Vercel

Of course, you can play around with this source code by deploying it to your own Vercel account. To do so, please follow the instructions below:

1. If you don't already have one, create a LexasCMS account
2. Within LexasCMS:
   1. Create a new space using the E-commerce Tutorial (Vue Storefront) template
   2. Navigate to Settings > General and take note of your space ID
3. Click the below button and follow the instructions