# Tailor Platform App Shell

## Docs

- [createTypedPaths](https://mintlify.wiki/tailor-platform/app-shell/api/create-typed-paths.md): Create a type-safe path builder for file-based routing
- [defineI18nLabels](https://mintlify.wiki/tailor-platform/app-shell/api/define-i18n-labels.md): Define internationalization labels for multiple locales with type-safe usage
- [defineModule](https://mintlify.wiki/tailor-platform/app-shell/api/define-module.md): Define a top-level module that appears in the main navigation
- [defineResource](https://mintlify.wiki/tailor-platform/app-shell/api/define-resource.md): Define a resource that renders a React component
- [hidden](https://mintlify.wiki/tailor-platform/app-shell/api/guards/hidden.md): Deny access to a route and show a 404 Not Found page
- [Guards Overview](https://mintlify.wiki/tailor-platform/app-shell/api/guards/overview.md): Control access to modules and resources with composable guard functions
- [pass](https://mintlify.wiki/tailor-platform/app-shell/api/guards/pass.md): Allow access to a route and continue guard evaluation
- [redirectTo](https://mintlify.wiki/tailor-platform/app-shell/api/guards/redirect-to.md): Redirect users to another path when accessing a route
- [useLocation](https://mintlify.wiki/tailor-platform/app-shell/api/router/use-location.md): Hook for accessing the current location object
- [useNavigate](https://mintlify.wiki/tailor-platform/app-shell/api/router/use-navigate.md): Hook for programmatic navigation in AppShell applications
- [useParams](https://mintlify.wiki/tailor-platform/app-shell/api/router/use-params.md): Hook for accessing dynamic route parameters
- [useAppShell](https://mintlify.wiki/tailor-platform/app-shell/api/use-app-shell.md): Hook to access the full AppShell context including configuration and dynamic data
- [useAuth](https://mintlify.wiki/tailor-platform/app-shell/api/use-auth.md): Hook for accessing authentication state and methods
- [usePageMeta](https://mintlify.wiki/tailor-platform/app-shell/api/use-page-meta.md): Hook to retrieve page metadata (title and icon) for a given URL path
- [useTheme](https://mintlify.wiki/tailor-platform/app-shell/api/use-theme.md): Hook for managing application theme (light/dark/system)
- [useToast](https://mintlify.wiki/tailor-platform/app-shell/api/use-toast.md): Hook for displaying toast notifications
- [AppShell](https://mintlify.wiki/tailor-platform/app-shell/components/app-shell.md): The root component that provides context and configuration for your entire application
- [Badge](https://mintlify.wiki/tailor-platform/app-shell/components/badge.md): Status badge component with semantic variants for displaying tags, statuses, and labels
- [CommandPalette](https://mintlify.wiki/tailor-platform/app-shell/components/command-palette.md): Keyboard-driven quick navigation component for searching and navigating between pages
- [DescriptionCard](https://mintlify.wiki/tailor-platform/app-shell/components/description-card.md): Card component for displaying structured key-value information in ERP applications
- [Layout](https://mintlify.wiki/tailor-platform/app-shell/components/layout.md): Responsive multi-column layout component for building ERP application pages
- [SidebarGroup](https://mintlify.wiki/tailor-platform/app-shell/components/sidebar-group.md): A collapsible group component for organizing sidebar navigation items
- [SidebarItem](https://mintlify.wiki/tailor-platform/app-shell/components/sidebar-item.md): A navigation item component for the sidebar that automatically resolves title and icon from resource definitions
- [SidebarLayout](https://mintlify.wiki/tailor-platform/app-shell/components/sidebar-layout.md): Default layout component providing sidebar navigation and header
- [WithGuard](https://mintlify.wiki/tailor-platform/app-shell/components/with-guard.md): Conditionally render components based on route guard evaluation
- [Authentication](https://mintlify.wiki/tailor-platform/app-shell/concepts/authentication.md): Integrate OAuth2/OIDC authentication with Tailor Platform's Auth service
- [File-based routing](https://mintlify.wiki/tailor-platform/app-shell/concepts/file-based-routing.md): Define routes using directory structure instead of explicit module and resource definitions
- [Modules and resources](https://mintlify.wiki/tailor-platform/app-shell/concepts/modules-and-resources.md): Learn how to structure your application using AppShell's module and resource architecture
- [Routing and navigation](https://mintlify.wiki/tailor-platform/app-shell/concepts/routing-navigation.md): Master client-side navigation, route parameters, and the command palette in AppShell
- [Styling and theming](https://mintlify.wiki/tailor-platform/app-shell/concepts/styling-theming.md): Customize your application's appearance using Tailwind CSS v4 and AppShell's theme system
- [Monorepo Structure](https://mintlify.wiki/tailor-platform/app-shell/development/monorepo-structure.md): Understanding the AppShell monorepo architecture, packages, and build system
- [Development Overview](https://mintlify.wiki/tailor-platform/app-shell/development/overview.md): Get started with AppShell development - installation, monorepo structure, and essential commands
- [Publishing Packages](https://mintlify.wiki/tailor-platform/app-shell/development/publishing.md): Using changesets to version and publish AppShell packages to npm
- [Testing](https://mintlify.wiki/tailor-platform/app-shell/development/testing.md): Running tests, writing test cases, and maintaining code quality in AppShell
- [Building Your First App](https://mintlify.wiki/tailor-platform/app-shell/guides/building-your-first-app.md): Step-by-step guide to creating your first application with Tailor Platform App Shell
- [Custom Layouts](https://mintlify.wiki/tailor-platform/app-shell/guides/custom-layouts.md): Create sophisticated page layouts with the built-in Layout component
- [Guards & Permissions](https://mintlify.wiki/tailor-platform/app-shell/guides/guards-permissions.md): Control access to pages and features with route guards
- [Internationalization (i18n)](https://mintlify.wiki/tailor-platform/app-shell/guides/internationalization.md): Add multi-language support to your App Shell application
- [Installation](https://mintlify.wiki/tailor-platform/app-shell/installation.md): Complete installation guide for AppShell including peer dependencies, package manager setup, and authentication configuration.
- [Introduction](https://mintlify.wiki/tailor-platform/app-shell/introduction.md): AppShell is an opinionated React application framework for creating applications on Tailor Platform with built-in authentication, routing, and beautiful UI components.
- [Quickstart](https://mintlify.wiki/tailor-platform/app-shell/quickstart.md): Get started with Tailor Platform App Shell in 5 minutes