Sitecore single page site

Posted by Sunny Jhunjhunwala on August 11, 2016

Sitecore is a enterprise level CMS with lot of features to deliver relevant content based on users. Sitecore content management features are great but the ability to personalise content based on users is what I'm in love with, To read more about sitecore please click here

Many modern sites built with JS framework like Angular, meteor etc are very elegant and provides seamless navigation between content.

Our goal of the POC is to have similar functionalities in Sitecore. Sitecore has a lot of analytics and personalisation going on in the backend in order to deliver relevant content to users, so each page may present different content based on personalisation. In order to have similar functionality we need to refresh the HTML content on every page request and load the content via ajax. 

I have used a JS library called "smoothState.js" and configured it not to cache any pages but to load each time via server. This library fetches the HTML from server via ajax and refresh the DOM (or part of it). Though I have only tested this solution for personalisation so before anyone uses the technique in production, we need to make proper tests and check all analytics working.

If you are trying to achieve single page apps like fb, twitter etc then probably you need to look at Sitecore Item Web API. It would be good to know if anyone has implemented similar solutions in sitecore.

Github : https://github.com/sunnyuff/Sitecore-Single-Page-Demo

Tags
Let's start talking