SpecsModelExplore
Overview
Actors
External Systems
IoT Platform
Edge
Ingestion
Stream Processing
Device Management
User-Facing Apps
Dashboard Web App
App ShellLive ChartsFleet TableAlert Inbox
Mobile App
Platform
SpecsModelExplore
App Shell
OverviewGuideLinks and Communications
IDproduct.user_facing.dashboard_app.shell
DescriptionLayout and authentication.
Keyshell
Typecomponent
TeamApps
Ownerapps@iotgateway.example
Statusactive
TechnologiesTypeScript, React, Next.js
Attributesframework: Next.js
Tags
Table of contents
Guide
App Shell
What it hosts
Responsibilities

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——