Now Experience Framework: App Shell and Routing

App Shell

App Shells
  1. App Shell configuration represented as a JSON object in a Composition field.
  2. There must be two specific references to the out-of-the-box “Canvas Layout” and “Canvas Main”components:


Out-of-the-box App Shell that provides a tab component (on the left) with routing

App Shell and Routing together

  • Header/top-navigation component — is a custom component that reads a specific UX property and provides navigation between pages/routes.
  • Custom App Shell — is a simple app shell based on out-of-the-box Portal App Shell where the default navigation component is replaced with a custom one.

1. Create a new Experience app

2. Create UX property

3. Create UX pages in UI Builder

4. Configuration options


…and React?




Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

8 must-know tips for a successful hotel renovation or refurbishment

insurance cost on fz 07

How To Create Custom User Roles In WordPress

Best Strapless Plus Size Bra in an H Cup — Engineering FTW!

Site Builder or Custom Website?

Can furniture design be open and collaborative?


Instant Knowledge. Practical Science Fiction.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Andrew Pishchulin

Andrew Pishchulin

More from Medium

Top 13 Vue Devtools for Developers in 2022

Launch Container Without Using Docker Tool .

AWS Transit Gateway VPN to VPC

How do you install GoLang on Linux?