SpecsModelExploreRequirements
SpecsModelExploreRequirements
App Shell
Overview
Guide
Twin streams
Links and Communications
IDproduct.user_facing.dashboard_app.shell
DescriptionLayout and authentication.
Keyshell
Typecomponent
Statusactive
TeamApps
Owner
apps@iotgateway.example
TechnologiesTypeScript, React, Next.js
Tags
Table of contents
Guide
App Shell
What it hosts
Responsibilities
Links and Communications
Requirements

Attributes

frameworkNext.js

Guide

App Shell

The App Shell is the frame the rest of the dashboard renders into. It owns the layout, client-side routing and the authentication session, so individual views like the Fleet Table can focus purely on their data.

One place for cross-cutting concerns

Auth, navigation chrome and global error boundaries live here once, instead of being re-implemented by every feature view.

What it hosts

Responsibilities

  • Authenticate the operator and keep the session fresh.
  • Provide the persistent navigation, header and layout regions.
  • Mount the active view and catch render errors at the boundary.

Links and Communications

3 incoming links

Incoming Links(3)

Source objectLabelLink typeRelationRaw idRequiredDescription
Live Charts

example-iot.product.user_facing.dashboard_app.live_charts

component
rendered in—linksproduct.user_facing.dashboard_app.shell——
Fleet Table

example-iot.product.user_facing.dashboard_app.fleet_table

component
rendered in—linksproduct.user_facing.dashboard_app.shell——
Alert Inbox

example-iot.product.user_facing.dashboard_app.alert_inbox

component
rendered in—linksproduct.user_facing.dashboard_app.shell——

Requirements