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)