Next.js Leaflet Starter: A production-ready template for building interactive map applications with Next.js 16 and vanilla Leaflet.
Key features:
π Full CRUD for points of interest with 14 category types
πΊοΈ Multiple tile providers with theme-aware basemaps
π Built-in measurement tools for distance and area
π Debounced country search with keyboard navigation
πΎ LocalStorage persistence and GeoJSON import/export
π± Mobile-optimized with drawer UI and responsive layouts
β‘ Next.js 16 App Router with optimized client boundaries
The template handles server-side rendering while maintaining clear client boundaries for map interactions.
You get TypeScript configurations, Tailwind CSS styling, and shadcn/ui components already integrated into a working environment.
π Blog Post
π GitHub Repo
π Live Demo
Top comments (0)