Reference SPA + Netlify

Introduction

This page explains how to deploy and run the Bloomreach Reference SPA on Netlify.

Instructions

Click on the button below and follow the instructions:

If you are planning to use a different branch, feel free to use the Netlify CLI.

npm install -g netlify-cli
git clone https://github.com/bloomreach/bloomreach-reference-spa
cd bloomreach-reference-spa
git checkout <TAG_NAME> # e.g. 20221020
echo "[[plugins]]\npackage = \"@netlify/plugin-nextjs\"\n\n[build]\ncommand = \"npm run build\"\npublish = \".next\"" > netlify.toml
npm install
netlify deploy --build --prod

Set the NEXT_PUBLIC_BRXM_ENDPOINT environment variable in Netlify:

1224

After successfully deploying the Bloomreach Reference SPA, grab the URL from the Netlify site (e.g., https://melodic-medovik-4ce5ea.netlify.app from the image below).

683

Using the Site development app or the Site Management API, update the Bloomreach Content Single-Page-Application URL.

1269

If you now open the channel again as part of the same project, you would be able to see the Reference SPA loading from the new Netlify host!