cd /news/developer-tools/pwa-with-react-leaflet-lessons-from-… · home › topics › developer-tools › article
[ARTICLE · art-33139] src=dev.to ↗ pub= topic=developer-tools verified=true sentiment=· neutral

PWA with React + Leaflet: lessons from a 31-city map app

A developer built a progressive web app for 31 Korean cities using React and Leaflet, sharing lessons from the project. Key takeaways include using Vite SSG for Korean SEO, Leaflet over Mapbox for cost savings, Firebase Hosting rewrites for deep URLs, and integrating KakaoTalk share for social traffic. The developer advises against auto-prompting the PWA install banner.

read1 min views37 publishedJun 18, 2026

Notes from shipping a real-world PWA in Korea:

  • Vite SSG is worth it. SPAs lose Korean SEO because Naver's crawler doesn't fully render JS.
  • Leaflet > Mapbox for cost-sensitive projects. Free OSM tiles + zero cost.
  • Firebase Hosting rewrites let you have deep URLs (/city/suwon) without a backend.
  • KakaoTalk share is non-negotiable in Korea — 70%+ of social traffic.
  • PWA install banner: don't auto-prompt, let the user discover.
source & further reading
dev.to — original article Open Source Alternative to Claude Code and Cursor: Meet Cline [Event Sourcing] Building an Application Fast Using the Event Sourcing Pattern with Sekiban DCB and AI Does your WebMCP actually save time and tokens? Run an ON/OFF experiment
── more in #developer-tools 4 stories · sorted by recency
── more on @react 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
→ Live at https://your-agent.zahid.host ✓
Get free account → Pricing
from €0/mo · no card required
LIVE [news/pwa-with-react-leafl…] indexed:0 read:1min 2026-06-18 · —