FAQ

General

What is the Inventory Management Kit?

A production-ready Next.js template with 32 screens for building an inventory management dashboard. It includes a stock dashboard, product catalog with categories, purchase order management with receiving workflow, supplier directory, multi-warehouse stock tracking, adjustments and transfers, analytics reports, settings pages, and auth screens -- all built with Tailwind CSS v4 and shadcn/ui. It is a frontend UI kit, not a hosted inventory platform.

How many screens are included?

32 screens total: 1 dashboard, 5 product pages, 5 purchase order pages, 3 supplier pages, 2 warehouse pages, 4 stock management pages, 4 report pages, 2 settings pages, 1 activity log, 1 notification center, and 3 auth pages (login, register, forgot password).

What tech stack does it use?

Next.js 16, React 19, Tailwind CSS v4 with oklch tokens, shadcn/ui v4 components, TypeScript, Recharts 3 for analytics charts, date-fns for date formatting, and Lucide React for icons.

Technical

Is a backend included?

No. The kit is frontend-only. All pages use mock data from data/seed.ts. Replace with API calls, a database, or ERP system integration when building your product.

Can I connect this to a real inventory system?

Yes. Replace the seed data imports in your page components with API calls to your inventory backend, ERP system, or database. The component interfaces accept standard props (product name, SKU, quantity, price), so you map your data schema to the existing types. See the Customization guide for integration examples with REST APIs, Supabase, and Shopify.

Does it support multiple warehouses?

Yes. The kit is designed for multi-warehouse inventory management. Each product tracks stock levels per warehouse, stock transfers move items between locations, and reports aggregate data across all warehouses. The warehouse detail page shows per-location stock breakdowns with low-stock alerts.

Does it include barcode scanning?

The kit includes barcode display fields on product detail pages and SKU-based search throughout. It does not include a built-in camera-based barcode scanner, but you can integrate a library like react-barcode-reader or html5-qrcode with the existing product lookup components.

Is the kit accessible?

Yes. All 32 screens are built to WCAG AA standards with semantic HTML, keyboard navigation for tables and forms, focus traps for modals, ARIA labels on icon buttons, screen reader live regions, 44px minimum touch targets, and reduced motion support. See the Accessibility guide for details.

Does it work with existing Next.js projects?

Yes. Copy components/, data/, and types/ directories into your project. Install dependencies and import the design tokens from globals.css. See the Installation guide for details.

Can I use npm instead of pnpm?

Yes. All three package managers work. The kit ships with a pnpm-lock.yaml but you can use npm install or yarn install instead.

How do I add new shadcn/ui components?

The kit is compatible with the shadcn/ui CLI:

npx shadcn@latest add <component-name>

Components install to components/ui/ and integrate seamlessly with the existing design tokens.

How does dark mode work?

The kit uses next-themes for theme switching with class-based dark mode. All design tokens have light and dark mode values defined using oklch color functions in globals.css. Use the ThemeToggle component in the header to switch themes. Every screen, chart, and component adapts automatically.

Licensing

What license types are available?

Each purchase includes a license for either Solo (1 developer), Team (up to 5 developers), or Agency (unlimited developers + client delivery). See the product page for pricing details.

Can I use this for client projects?

With the Agency license, yes -- you can use the kit in unlimited client projects. The Solo and Team licenses are for your own products only.

Can I resell this template?

No. The license permits use in end products but does not allow redistribution or resale of the template itself, whether modified or unmodified.

Support

How do I get support?

Email support@thefrontkit.com or visit the Support page.

What's the refund policy?

7-day money-back guarantee, no questions asked.

How do I report bugs?

Email the details to support@thefrontkit.com with steps to reproduce, browser version, and screenshots if applicable. We will address it in the next update.