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 views35 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 Our Small Site's First Generative AI Report: 16 Impressions, One Clear Winner What an AI Rap Video Generator Taught Me About Crawlable React Pages (2026) Same GPU, Same Model, Different Cost per Token: Benchmark Qwen3.8-27B on Your Own Prompts
── 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 · —