Trackeo is a premium, production-ready template for fleet operators, dispatch platforms, GPS tracking services, last-mile delivery businesses, and transportation software companies. Built from the ground up on Next.js 16, React 19, and TypeScript, it ships with 22 pre-built page templates, an MDX-powered blog, a JSON-driven plan catalogue, a working cart and checkout flow, and a fully editable content layer — no CMS or backend required.

Every piece of editable content lives in JSON or MDX files, so you can launch a real client site in hours without touching component code.

Tech Stack

Next.js 16 — App Router, server components, fully static output
React 19 — latest concurrent features
TypeScript — strict mode, fully typed
MDX — blog posts via next-mdx-remote
Self-hosted fonts — Inter Tight and Inter shipped as local WOFF2, no third-party requests at runtime
Hand-written CSS — one readable stylesheet, no utility-class churn and no build-step CSS tooling
Zero backend lock-in — no CDN dependency, no commerce backend, no analytics tag

Included Pages and Templates

Homepage — hero with pointer-parallax collage, role showcase, roadmap tabs, integrations, pricing, testimonials, FAQ
Features — product capability breakdown with tabbed showcases
About — purpose, leadership, team grid, global reach map
Integrations — integration directory with category cards
Pricing — plan comparison with feature matrix and FAQ
Product Details — 2 plan pages driven from products.json, each with add-to-cart
Blog — featured layout plus a six-card grid, and 9 MDX articles with a detail template
Careers — open roles, values, and a swipeable testimonial slider
Download — app download page with platform buttons
Contact — contact details and a working demo form
Log In — authentication form layout
Checkout / PayPal Checkout / Order Confirmation — cart-aware flow (UI demo; no payment wired)
Utility — style guide, licenses, changelog, privacy policy, terms & conditions, 401 password-protected, 404 not found

Easy Content Editing

All editable content lives under src/content/ — update these files in any text editor and the site rebuilds around them:

products.json — plan names, prices, feature lists, comparison tables, and the copy on each plan page
blog/*.mdx — one file per article: frontmatter for title, date, author, and artwork; Markdown for the body
<Figure /> — a documented MDX component for in-article images, so post bodies stay plain Markdown

Site chrome (navigation, footer, FAQ) lives in three shared components — header.tsx, footer.tsx, and faq-section.tsx — so a menu or FAQ edit lands on every page at once.

Interactions

All of the template's behaviour is ported into a single, commented client component — no jQuery, no animation library, no interaction plugin:

Mega-menu dropdown navigation, with hover on desktop and tap on mobile
Animated mobile menu with a hamburger toggle
Scroll reveal animations that respect prefers-reduced-motion
Tabbed product showcases and one-at-a-time FAQ accordions
Testimonial slider with dots, arrows, and touch swipe
Hero collage that follows the pointer
localStorage shopping cart shared across every page, wired through checkout to order confirmation
Demo form handling with the design's own success states

Performance and SEO

Every route prerendered as static HTML at build time
Self-hosted fonts — no third-party CDN requests at runtime
Per-page metadata with Open Graph and Twitter card tags
Semantic HTML structure, aria attributes, and real <button> elements throughout
Clean, crawlable URLs (/features, /blog/<slug>, /product/<handle>)
Fully responsive from 375px to widescreen

Deployment

One-click deploy to Vercel — build settings are auto-detected. Also runs on Netlify, AWS Amplify, Cloudflare Pages, or any Node 20+ host.

What You Get

Full Next.js 16 and TypeScript source code
22 pre-built page templates
Sample content (9 blog posts, 2 subscription plans)
Self-hosted font and icon assets
Comprehensive README with setup and editing guide
Friendly buyer support

Requirements

Node.js 20 or higher
Basic familiarity with the command line
A text editor (VS Code recommended)

Trackeo - Next.js 16 Fleet Tracking & Logistics SaaS Template