Link

Malibu Advanced

This page was contributed by Tejas Dinkar and Shraddha Kesari

Introduction

While Malibu provides a basic platform to build websites quickly, Malibu Advanced is an upgraded version with performance improvements and some of the third-party integrations commonly used by publishers. It’s also integrated with our internal design library called Arrow which gives the look and feel of a fully functional website.

Malibu Advanced has the following add-ons over Malibu:

  • DFP Ads: We’ve tried multiple approaches to integrate the DFP ads, each of them having its pros and cons. After numerous experiments, we landed on using vanilla JavaScript which provided us with trouble-free implementation and customization along with reasonably less impact on the Google Lighthouse scores. For detailed insights on the DFP integration, please check here.

  • OneSignal Integration: While Bold supports multiple push notification services, we have integrated OneSignal on Malibu Advanced as an example. You can see the documentation here. If you want to use any other service, this can be used as a reference for implementation.

  • GA and GTM: Malibu Advanced ships with GA and GTM out of the box. All you have to do to initialize it in your app is to add the corresponding IDs in the configuration file in Black Knight.

  • Arrow design library: Please refer to the docs here on the Arrow integration. For detailed insights on what Arrow is, please check the Arrow docs.

  • Login Integration: We’ve integrated the Login/Register functionality to the Malibu Advanced app using the Bridgekeeper APIs. There are a couple of methods to implement the Login/Register feature: Popup Method(where a popup is built to handle the login/register) and Auth domain(where there is a separate common-auth domain page to handle the login/register). The Popup method is integrated with Malibu Advanced. The Auth domain integration method is in progress and the documents for both methods are also in progress.

Getting Started with Malibu Advanced:

Prerequisites:

Go through this tutorial

Creating a new Malibu Advanced App:

Quintype will create a clone of Malibu Advanced for you under Quintype’s Github account. You can raise a request for this by emailing support@quintye.com. Once you have access to this repository, you can clone it for development either using the NPM package or by manually cloning it.

Using Docker on Windows:

If you plan to use Docker on Windows, then please ensure that the Github repository has been cloned within your user’s home directory.

Next steps:

Check here