ExportPilot is a modern, responsive Next.js admin dashboard template built for importers, exporters, manufacturers, logistics companies, and supply chain businesses. It provides a clean and professional interface to manage export orders, inventory, production, shipments, finance, reports, and documentation from a single dashboard.

Built with Next.js, React, TypeScript, Tailwind CSS, and shadcn/ui, the template includes 14 carefully designed pages, reusable components, light and dark modes, responsive layouts, interactive charts, advanced data tables, and realistic mock data. No backend or database setup is required, making it easy to customize and integrate into your own projects.

Whether you're building an ERP system, logistics platform, or export management application, ExportPilot gives you a solid, production-quality foundation that saves development time while delivering a premium user experience.

Highlights

• Exactly 14 application page types covering orders, products, inventory, production, shipments, containers, documents, finance, reports, settings, and sign-in
• Responsive collapsible navigation and mobile drawer
• Light, dark, and system themes
• Typed, realistic international-trade mock data
• Interactive TanStack tables, Recharts visualizations, React Hook Form validation, and local demo feedback
• Interactive weight/volume container planner
• Accessible keyboard focus, semantic labels, status text, and responsive layouts

Technology

• Next.js 16.2
• React 19.2
• TypeScript
• Tailwind CSS 4.3
• Radix UI primitives (shadcn-style)
• Lucide React
• TanStack Table
• Recharts
• React Hook Form
• Zod
• next-themes
• date-fns

Installation

Requirements: Node.js 20.9 or newer and npm 10 or newer.

npm install
npm run dev

Open http://localhost:3000/login. Demo credentials are demo@exportpilot.com / demo123.

Commands

npm run dev        # development server
npm run build      # optimized production build
npm run start      # production server
npm run lint       # ESLint
npm run typecheck  # strict TypeScript check
npm run format     # Prettier formatting

Routes

/dashboard, /orders, /orders/[id], /products, /inventory, /production, /shipments, /shipments/[id], /container-planner, /documents, /finance, /reports, /settings, and /login.

Project structure

app/          App Router layouts, route pages, metadata, and global styles
components/   Shared UI, charts, tables, shell, and interactive workspaces
config/       Central branding and navigation configuration
data/         Typed demonstration records and analytics
lib/          Formatting and class utilities
public/       Redistributable static assets and manifest
types/        Shared TypeScript domain models
documentation/ Buyer documentation

Customization

Start with config/site.ts for product/company identity and navigation. Theme tokens live in app/globals.css; operational records are in data/mock.ts. See documentation/index.md for complete instructions.

Deployment

Run npm run build, then deploy to Vercel using the Next.js preset. Netlify requires its current Next.js adapter. This App Router project is not intended for plain static file hosting without adapting dynamic detail routes and client behavior.

Render

The included render.yaml deploys ExportPilot as a Node web service with automatic deploys from main and a /login health check.

Browser support

Current stable Chrome, Edge, Firefox, and Safari.