Vue Storefront is now Alokai! Learn More
Creating CMS pages

Creating CMS pages

In the Quick start guide, you've created a simple CMS page using the readily-available Content Types provided by Alokai. Now it is time for you to dive deeper and learn how to create CMS pages almost from scratch.

In this guide, you will work with the Login page of the Alokai Storefront which - by default - only features a login form. Your task will be to enhance it with dynamic CMS-managed marketing content.

Before

initial login

After

updated login

In the process, you will:

  • prepare your Storefront page component for dynamic CMS content fetching & rendering,
  • create a Content Type for a page in your CMS,
  • create a page entry in your CMS and add a custom Picture component to it.

This guide assumes you have already followed this guide and created your custom Picture component.

Prepare the Storefront page

By default, the Login page in our Storefront only contains a simple authentication form. In this section, we will adjust its code so that it fetches dynamic data from the CMS and renders it in the desired location.

Create CMS Content Type

With our Storefront ready to display CMS content on the Login page, the next task it to create a corresponding Content Type in the CMS.

Create CMS content

Now that we have a Content Type for the Login Page, we can create content for it. The content will be displayed on the Login Page in the CMS-managed section.

Read also

Congratulations! You’ve successfully integrated CMS content into your Login Page. With this knowledge, you can now enhance other pages in your Storefront to leverage the power of CMS.