Uberflip uses 2 different frontend technologies to render Hubs for visitors. This article outlines the general difference between the two and how to know which version your Hub uses.
What is Hub frontend V1 vs. V2?
The Hub frontend is the technology that powers the visitor-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 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.
- Front End V2 is Uberflip's next-generation Hub front end framework, which was redesigned from the ground up to support newer technologies and standards emerging in the market.
The differences between these two versions are almost entirely "under the hood". While Front End V2 Hubs are built on updated technologies, they're designed to look and feel just like Front End V1 Hubs.
Determine your Hub version
Note
As of March 2020, all newly created Hubs run on Front End V2. So if all of your Hubs were created after that—you’re already living in the future.
If you want to check which version of the Uberflip Hub Front End your Hub is running, use the following method:
- In any browser, visit your hub's home page
- Right-click anywhere, then click on View Source or View Page Source (depending on your browser) to view the page's source HTML
- When you're viewing the page source code, press Ctrl+F (Cmd+F on Mac) and search for
<body - In the source HTML, the string <body should be highlighted (there should only be one result) Take a look at the text that appears after this string to identify your Hub Front End version:
- If you see
<body class="hub-page, your Hub is running Front End V1: - If you see
<body id="uf-hub-page", your Hub is running Front End V2:
- If you see