Cargonz – Logistics & Transportation NextJs Template

Professional Logistics & Transportation Solutions, Built with Next.js

Cargonz is a modern Next.js template designed specifically for logistics, transportation, and cargo companies. Built with a focus on performance and maintainability, it provides a production-ready structure to showcase shipping services, fleet management, tracking interfaces, and logistics solutions with a fast, responsive UI.

This package is implemented as a Next.js 16.2.1 project using the App Router, React 19, and TypeScript. It ships with multiple home variants, service detail pages, tracking pages, blog pages, and reusable components (Header, Footer, Preloader, client enhancements).

The project is configured for static export via output: "export", producing an out/ folder that can be deployed to any static hosting.

Styling is based on Bootstrap CSS assets and a custom theme CSS. Sliders are powered by Swiper, integrated inside the Next.js UI layer.

Main Features

• Next.js 16.2.1 (App Router) + React 19 + TypeScript
• Static export ready (out/) for static hosting
• Multiple home page layouts (Centered, Slider, Split, Video)
• Fully responsive & mobile optimized
• Shipment tracking UI (standard & alternative)
• Service pages & service detail pages (Air, Sea, Land, Warehousing, Customs)
• Reusable UI components (Header, Footer, Preloader)
• Swiper slider integration
• Font Awesome icons included
• ESLint configured (Next.js ESLint config)
• SEO-friendly metadata via Next.js metadata

Suitable For

• Freight Forwarding Companies
• Cargo Shipping Services
• Logistics & Supply Chain Businesses
• Transportation Companies
• Warehousing & Storage Services
• Customs Brokerage Firms
• Distribution Centers
• Fleet Management Services
• Delivery & Courier Services
• Supply Chain Solutions
• Import/Export Businesses
• 3PL (Third-Party Logistics) Providers

Technical Details

• Next.js 16.2.1 (App Router)
• React 19
• TypeScript
• Static export build output (out/)
• CSS assets in public/css + global styles via src/app/globals.css
• Images, video, fonts served from public
• Swiper integration
• ESLint (eslint v9 + eslint-config-next)

Page Templates Included

• Home: Default, Centered, Slider, Split, Video
• About
• Services overview
• Service detail pages (Air, Sea, Land, Warehousing, Customs)
• Shipment tracking (standard & alternative)
• Fleet showcase
• Team, careers, career details
• Blog list & blog details
• Contact & get quote
• FAQ
• 404 / not found

Customization & Support

Need customization or branding support?
I provide custom services to help tailor Cargonz to match your brand, service offerings, and business requirements.

Documentation

Documentation is included under the Documentation folder. It covers project structure, pages/routes, asset management, build commands, and form configuration.