App Shell 1

App Shell 1

Installation

No MCP yet? Connect your agent.

Integration

The reusable implementation is split across @components/app-shell-1.tsx, @components/app-shell-1-sidebar.tsx.

The registry also includes app/app-shell-1/page.tsx as a complete preview route; an existing application can keep the reusable component files without adopting that route.

Example content is isolated in @components/data/app-shell-1-nav.ts (appShell1Nav, appShell1User); replace those fixtures with application data rather than editing layout markup in several places.

@components/app-shell-1.tsx, @components/app-shell-1-sidebar.tsx declare a client boundary for state, measurement, or browser interaction.