Back to feed
Dev.to
Dev.to
6/19/2026
Building an interactive Palworld map with Next.js, Leaflet and Supabase

Building an interactive Palworld map with Next.js, Leaflet and Supabase

Short summary

A solo developer built Pindrop, an ad-free interactive Palworld map using Next.js, Leaflet, and Supabase. Performance optimizations include serving markers as static JSON from the edge, precomputing breeding combos as lookup tables instead of backend calls, and using Vercel's edge caching for instant loads. The author shares technical reasoning behind clustering approaches and invites developer feedback on the implementation.

  • Solo developer built ad-free Palworld interactive map (Pindrop) with Next.js, Leaflet, Supabase, and Vercel
  • Performance optimized via edge-cached static JSON markers and precomputed lookup tables instead of backend queries
  • Post details technical trade-offs and requests community feedback on marker clustering strategy

Generated with AI, which can make mistakes.

Is this a good recommendation for you?

Explore more