Sales & Inventory
React•
NextJs•Products, stock, and orders with customer records alongside them — check availability, review purchase history, and follow payment and delivery status. Keep product details current and prepare invoices as you work through each order.
What’s included
The Sales & Inventory template provides a starting interface for teams building a store-management application or an internal sales and inventory tool. Product, customer and order views are designed together, with source code you can adapt to your own operations.
- Sales overview — Review sales, order activity and product performance from the dashboard. Date-range and comparison controls help users understand how results change over time.
- Products and stock — Maintain product details and review pricing, stock levels and product history. Product forms and record views provide the interface for keeping the catalog current and checking availability.
- Customer records — Review customer details alongside purchase history, activity and reviews. Customer records give users context for handling orders and understanding the relationship behind each purchase.
- Orders and delivery — Create and review orders with their customers, products and payment status. Delivery tracking and invoice interfaces help users follow the order through the steps after a purchase.
The demo uses sample data. Persistent store data, payment processing and live delivery tracking require backend integration.
Every screen
- Overview
- Dashboard
- Products
- Product list · Product record · History · Reviews · Add product · Edit product
- Customers
- Customer list · Customer record · Activity · Purchase history · Reviews · Add customer · Edit customer
- Orders
- Order list · Order record · Activity · Delivery tracking · Invoice · Create order · Edit order
- Store settings
- General · Payment · Notifications · Affiliates · Integrations
- Authentication
- Sign in · Sign up · Forgot password
Specs
Tech Stack
Typescript
TailwindCss
Tanstack Table
React Hook Form
Recharts
Tiptap
Dnd Kit
Maplibre GL
Zod
ZustandFrequently asked questions
What is included with my purchase?
Your purchase includes the Sales & Inventory source code and access to the full NateUI component library. You receive the assembled template and can also use the NateUI CLI to create a starter and add pages or components. All-Access includes every template.
Does it include a backend?
A complete production backend is not included. The template uses sample store data. Connect your backend for persistent products, stock and orders, and integrate your own payment and delivery services.
How do I install the template?
Start with the NateUI CLI. It asks you to sign in with the email you purchased with, then creates your project:
npx nateui@latest init-template --sales-inventory my-app
Install dependencies and start the app using the commands printed by the CLI. This creates a slim starter; add the template pages you need with add-page. The included README covers template-specific setup. See the Documentation for more commands.
Can I use this template with other frameworks?
The template uses Next.js and TypeScript. You can adapt its React UI to another React framework, but Next.js-specific routing and server-side code need changes. Ready-made Vite, Vue, Angular or Svelte versions of this template are not included.
Can I use it for commercial or client projects?
Yes, within your license limits. Personal covers one developer and one production product. Team covers unlimited developers and products within a single organization. You may modify the source for your projects, but cannot redistribute or resell it as a template or component library. See the Terms of Service for the full license.
Can I customize it or use parts in an existing project?
Yes. You can edit the source, change the styling and layouts, or reuse individual components in an existing React project. Set up the required Tailwind styles, dependencies and import paths first. Template pages may also need changes to match your routing and data layer. See the installation guide for existing-project setup.
Are future updates included?
Yes. Your one-time purchase includes lifetime updates for the source covered by your plan. Updates do not automatically change your project; review and apply new versions to your customized code.
Didn't find an answer? Reach out to support@nateui.com.