{"slug": "pwa-with-react-leaflet-lessons-from-a-31-city-map-app", "title": "PWA with React + Leaflet: lessons from a 31-city map app", "summary": "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.", "body_md": "Notes from shipping a real-world PWA in Korea:\n\n- Vite SSG is worth it. SPAs lose Korean SEO because Naver's crawler doesn't fully render JS.\n- Leaflet > Mapbox for cost-sensitive projects. Free OSM tiles + zero cost.\n- Firebase Hosting rewrites let you have deep URLs (/city/suwon) without a backend.\n- KakaoTalk share is non-negotiable in Korea — 70%+ of social traffic.\n- PWA install banner: don't auto-prompt, let the user discover.", "url": "https://wpnews.pro/news/pwa-with-react-leaflet-lessons-from-a-31-city-map-app", "canonical_source": "https://dev.to/tarofortune/pwa-with-react-leaflet-lessons-from-a-31-city-map-app-27j2", "published_at": "2026-06-18 19:36:48+00:00", "updated_at": "2026-06-18 19:59:37.396099+00:00", "lang": "en", "topics": ["developer-tools", "large-language-models"], "entities": ["React", "Leaflet", "Vite", "Firebase", "KakaoTalk", "Mapbox", "Naver"], "alternates": {"html": "https://wpnews.pro/news/pwa-with-react-leaflet-lessons-from-a-31-city-map-app", "markdown": "https://wpnews.pro/news/pwa-with-react-leaflet-lessons-from-a-31-city-map-app.md", "text": "https://wpnews.pro/news/pwa-with-react-leaflet-lessons-from-a-31-city-map-app.txt", "jsonld": "https://wpnews.pro/news/pwa-with-react-leaflet-lessons-from-a-31-city-map-app.jsonld"}}