Inside Tabs: A Practical Next.js Frontend for Multi-Business Inventory Operations

Tabs is a multi-tenant operations frontend built with Next.js App Router. At a product level, it is trying to keep the daily workflow of a small or midsize business in one place: products, stores, orders, transfers, customers, people, and roles all live under the same business-scoped UI. You can see that shape directly in the route tree under app/(authenticated)/[slug] , where the slug identifies the active business, and in components/home/business-list.tsx , which acts as the switchboard for choosing which business workspace to open. That matters because the problem Tabs is solving is not just inventory tracking. It is reducing the operational overhead of hopping between separate systems for stock, staff access, customer records, and order fulfilment. The codebase reflects that ambition. It is broad, form-heavy, and biased toward shipping CRUD workflows quickly. The application shell is layered in a way that makes that scope manageable. app/layout.tsx owns global metadata, fonts, and