Vodostaj.rs: React SPA → Next.js, 2.6M impressions
How a React SPA — now migrated to Next.js — reached 2.6M impressions, 60K clicks and #1 Google rankings through July 2026, with 1,200+ daily users across Serbia, Bosnia, Croatia, Germany and beyond. SEO-first from day one, compounding ever since.
The numbers, straight from Google.
Google's own numbers through July 31, 2026 — since launch, organic search has compounded into all-time highs, and it's still accelerating.
9 in 10 sessions happen on a phone — engineered mobile-first for anglers checking levels on the riverbank.
A brand-new channel — visitors now arrive from AI assistants like ChatGPT, a discovery source that barely existed a year ago.
Source: Google Search Console + Google Analytics 4 · vodostaj.rs · data through July 31, 2026.
Fragmented data, urgent need
- No centralized platform for river water level data in Serbia
- Data scattered across multiple government sources
- No real-time monitoring solution for public access
- Need for fast development (flood season approaching)
- Limited budget for traditional development approach
Modern platform, rapid execution
- Built React SPA application with real-time data integration
- Integrated 100+ monitoring stations from government APIs
- Implemented interactive map visualization
- Created SEO-first architecture with manual Google indexing
- Deployed scalable infrastructure on modern hosting
More than a dashboard — a water & fishing platform
Vodostaj.rs turns fragmented government hydrology into a real-time, personalised tool for anglers across the Balkans — engineered to grow from a monitoring dashboard into a full fishing-intelligence ecosystem.
Water level monitoring
Real-time and historical levels for 100+ RHMZ stations — interactive map, trend deltas and flood/drought thresholds across the connected river network.
Lovostaj — fishing regulations
Closed seasons and minimum catch sizes per species, with plain-language summaries of Serbian fishing law and structured data. The single biggest traffic driver.
Threshold alerts
Anglers set their own water-level thresholds per station and get a web-push notification the moment a river crosses them.
Angler tools
Favourite stations, a personal catch logbook and per-user tracking — the engagement layer that turns visitors into registered members.
Tournaments & leagues
A structured database of competitions and editions, building toward a cumulative angler ranking system.
AI fishing intelligence
A composite fishing-condition score from water level, temperature, pressure, moon phase and season — explainable, premium-gated insight.
Measurable outcomes
Real users, real engagement
Beyond traffic metrics, the platform drives meaningful user engagement with PWA installs, daily tracking, and active community.
Organic search, straight from Google
Search Console totals through July 31, 2026 — SEO-first from day one on the React SPA, now compounding across the region after the Next.js migration.
Top Ranking Keywords
And it's still climbing
Growth hasn't plateaued — it's accelerating. In the 28 days to July 31, 2026 alone the platform pulled 693K impressions and 17.6K clicks — roughly 27% of all impressions and 29% of all clicks it has ever earned, packed into a single month, almost entirely on mobile.
From React SPA to Next.js 2.0
Strategic technology evolution based on proven results, not assumptions.
React SPA Foundation
Fast time to market with proven SEO results. Manual indexing validated the strategy and reached #1 rankings.
- 8-week launch
- #1 rankings achieved
- PWA installs
- 200+ favorite stations
Next.js Migration
Migrated to Next.js for automatic indexing, SSR/SSG and stronger Core Web Vitals — now past 2.6M impressions and 60K clicks to date.
- Automatic Google indexing
- Improved Core Web Vitals
- SSR for real-time data
- 2.6M impressions to date
Tech stack and architecture
Platform
- • Next.js
- • React 18
- • TypeScript
- • Tailwind CSS
PWA & Engagement
- • Progressive Web App
- • Push notifications
- • Offline support
- • Home screen install
Analytics & Tracking
- • Google Analytics 4
- • Data Layer events
- • User behavior tracking
- • Conversion funnels
SEO Strategy
- • SSR/SSG auto-indexing
- • Semantic HTML
- • Meta optimization
- • Structured data
8 weeks from concept to launch
Research & Architecture
- • API research and data source identification
- • Information architecture planning
- • SEO-first URL structure design
- • Tech stack finalization
- • Design system creation
Core Development
- • API integration and data processing
- • Map implementation and station markers
- • Real-time data updates
- • Station detail pages
- • Search and filtering
Polish & Optimization
- • Performance optimization
- • Mobile responsiveness
- • SEO metadata implementation
- • Analytics integration
- • Error handling and edge cases
Launch & Monitoring
- • Final testing and QA
- • Production deployment
- • Performance monitoring setup
- • Initial user feedback collection
- • Documentation
Key learnings from this project
SEO Wins on Strategy, Not Just Stack
A pure React SPA hit #1 rankings through manual indexing — proof that SEO is strategy and content first. The later Next.js migration then unlocked scale: 2.6M impressions and 60K clicks in the first six months.
PWA Drives Real Engagement
96 users installed the PWA and enabled push notifications, with 200+ stations added to favorites. This level of engagement validates the product-market fit and user need.
Data Layer = Better Decisions
Comprehensive data layer tracking through GA4 captures every user interaction. This granular data enables evidence-based optimization and feature prioritization.
Evolution Over Perfection
Shipped v1.0 as React SPA to validate market fit. With 1.8K active users proven, Next.js 2.0 migration is now justified by real demand, not assumptions.
Ready to build your product?
We can help you build and launch your product using the same Growth Engineering principles that powered Vodostaj.rs. Fast execution, solid architecture, measurable results.