01
Transparent position
Accumulated budget orders the board; every Boost recalculates the position.
Full-stack web product · Transparent monetization
Pay for visibility.Know exactly where you rank.
Miralo turns direct advertising into a public ranking: every payment adds to a listing's budget, positions update live, and the weekly podium remains permanently recorded.
- Product
- Visibility ranking
- Base
- Next.js 16 + React 19
- Data
- Neon PostgreSQL
- Payments
- Mercado Pago + PayPal
01 · The product
A public board whose order is not controlled by a hidden algorithm.
Projects, businesses, job openings, creators, and services can publish a link without creating an account. Their chosen amount determines a visible, verifiable position.
The ranking runs in weekly cycles. The first three places form the podium and move into the permanent Hall of Leaders when the season ends.
02
No account required
A management folio and email keep publishing and repositioning lightweight.
03
A lasting podium
Gold, silver, and bronze are archived every week in the Hall of Leaders.
02 · Architecture
A live experience backed by transactional operations.
Next.js runs on Cloudflare Workers, Neon stores the state, and a canonical revision updates the ranking without rendering the entire page again.
Interface
React 19, Server Components, and client components for rankings, modals, and filters.
Persistence
Serverless PostgreSQL with indexes, constraints, locks, and atomic transactions.
Synchronization
Conditional snapshots, ETags, 204/304 responses, jitter, and backoff.
Edge
OpenNext deploys the App Router and assets across Cloudflare's global network.
04 · Responsive experience
The same hierarchy works on desktop, mobile, and dark mode.
The layout reflows to keep the bid first and the podium next. Controls remain accessible without reducing the board to an incomplete version.
The home, ranking, and product explanation preserve their reading order on narrow screens.
05 · Payments and trust
A position changes only after the money is confirmed.
Mercado Pago charges the MXN equivalent while PayPal processes USD. Returns and webhooks converge on the same idempotent logic to validate provider, currency, amount, and attempt before activating or boosting a listing.
Correlated attempt
Every checkout begins with an internal record for the listing, operation, and expected amount.
Verifiable confirmation
The browser is never the source of truth: the server queries and validates the provider.
Atomic credit
Payment, listing, budget, and ranking revision change together or roll back.
Verified publishing flow
- 01
Draft
URL, content, and bid are validated.
- 02
Checkout
Mercado Pago or PayPal processes payment.
- 03
Webhook
The server verifies status, currency, and amount.
- 04
Ranking
The listing activates and a new revision is published.
06 · Weekly operation
Every season ends, but the best positions remain.
Cycles close every Monday at 10:00 AM Mexico City time. The board starts a new competition and preserves the winners as public history, backlinks, and proof of outcome.
Live product
A monetization idea turned into a complete system.
Miralo brings together product design, bilingual UX, multi-provider payments, transactional consistency, moderation, international SEO, and serverless deployment.