Which version of the Uberflip Hub Front End am I using?

Follow

Question

I've heard that there is a Front End V1 and a Front End V2. What's the difference, and which one is my Hub using?

 

Answer

Front End V1 vs Front End V2

The Uberflip Hub Front End is the technology that powers the user-facing elements of all Uberflip Hubs. This includes basically everything in your Hub that your visitors can see and interact with: the home page, the navigation menu, Stream and Item pages, Item and CTA tiles, and so on.

There are actually two versions of this technology. Front End V1 was the original version of Uberflip's Hub front end technology. It was originally developed in 2012, when Uberflip first launched the Hubs product, and has grown and evolved over time.

Front End V2 is the successor to Front End V1. This is Uberflip's next-generation Hub front end framework, which was redesigned from the ground up with a focus on accessibility, as well as improved page speed and SEO performance. It was developed in 2019, and first implemented on customer Hubs in early 2020. As of March 2020, all newly created Hubs run on Front End V2.

The differences between the two versions are almost entirely "under the hood": while they are more accessible and faster, Front End V2 Hubs are designed to look and feel effectively identical to Front End V1 Hubs.

Check your Hub's Front End version

If you want to check which version of the Uberflip Hub Front End your Hub is running, use the following method:

  1. In any browser, visit your hub's home page.
  2. Right-click, then click on View Source/View Page Source to view the page's source HTML.
  3. Hit Ctrl+F (Cmd+F on Mac) and search for <body.
  4. In the source HTML, the string <body should be highlighted (there should only be one result):
    • If you see <body class="hub-page, your Hub is running Front End V1:
      image.png
    • If you see <body id="uf-hub-page", your Hub is running Front End V2:
      image.png
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.