FR
All templates

Ski resort explorer

Browse every ski area in Canada on 3D terrain: search, filter by province or activity, and fly to one for its vertical, runs, lifts, aspect and drive time.

Ski areas, runs and lifts need the Ski add-on. With a key that does not hold it, the page shows the winter style in 3D, says why and links pricing.
Map explorer · Canada
Page block

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.

npx @unmap/cli add ski-resort-explorer

Add to your Next.js app

npx shadcn@latest registry add @unmap=https://registry.unmap.dev/r/{name}.json
npx shadcn@latest add @unmap/ski-resort-explorer

Add to your Nuxt app

npx shadcn-vue@latest add https://registry.unmap.dev/r/vue/ski-resort-explorer.json

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

  • Ski areas, runs and lifts from OpenStreetMap, credited under the ODbL
  • An eight-direction aspect readout and the drive time from the nearest city
  • Says why when a key lacks the Ski add-on, instead of failing

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.

Read the block's guideRegistry item (JSON)