Delivery tracker
Keep customers informed while an order is on its way. A courier moves along the route and the arrival card counts down and ticks off each stage.
Previews run the installed code on unmap's demo key, with stock shadcn components and the unmap theme. In your project it takes on your theme.
Add it with the unmap CLI
Detects Next.js or Nuxt, puts the page in place, installs the components it uses and declares the key variable.
Add to your Next.js app
Add to your Nuxt app
The page reads your browser key from NEXT_PUBLIC_UNMAP_KEY on Next.js, or from NUXT_PUBLIC_UNMAP_KEY on Nuxt, which also needs runtimeConfig: { public: { unmapKey: "" } } in nuxt.config (unmap add writes both). Allow your site's origin on the key.
What it includes
- A route from a depot to a drop-off
- The travelled part fills in as the courier moves
- An arrival time that updates as the courier moves
Page block
A whole page that calls the unmap API with your key. It installs in Next.js or Nuxt and takes on your shadcn theme.
