SSR rendering web-components approach

Using the ui-nav-bar component, you’d SSR rel=”home”, which appears to be removed on the client. This causes React to re-render, and causes the classic ‘flicker’:

What’s the recommended approach here? Should we only be rendering app bridge/polaris web components client side?

Hey @bkspace,

The reason to use rel=”home” in the ui-nav-menu is for SPAs to navigate to the app home url when the user clicks on the app name in the side nav. Otherwise it ends up being a full page load without it. And having the rel="home"url be the same as the main navigation it’s redundant and gets removed.

A workaround, if you’re ok with the app reloading in the case when the user clicks the app in the side nav, is that you don’t need to add the attribute.

However, the removal shouldn’t impact the app’s rendering since it is only reading the content from the parent and not actually rendering. Can you send a screen recording of the flicker?