Míralo en tema oscuro con las vistas de escritorio y móvil del ranking

Producto web full-stack · Monetización transparente

Pagar por visibilidad.Entender exactamente tu posición.

Míralo convierte la publicidad directa en un ranking público: cada pago suma al presupuesto del anuncio, la posición se recalcula en vivo y el podio semanal queda registrado de forma permanente.

Ver cómo funciona Abrir Míralo

En producción · 2026

Producto
Ranking de visibilidad
Base
Next.js 16 + React 19
Datos
Neon PostgreSQL
Pagos
Mercado Pago + PayPal

01 · El producto

Una cartelera donde el orden no depende de un algoritmo oculto.

Proyectos, negocios, vacantes, creadores y servicios pueden publicar un enlace sin crear una cuenta. El importe elegido determina su posición de forma visible y verificable.

El ranking funciona por ciclos semanales. Los tres primeros lugares forman el podio y pasan al Salón de Líderes cuando termina la temporada, conservando un enlace permanente.

01

Posición transparente

El presupuesto acumulado ordena el tablero; cada Boost vuelve a calcular la posición.

02

Publicación sin cuenta

Un folio y el correo permiten publicar y reposicionar sin añadir fricción de registro.

03

Podio que permanece

Oro, plata y bronce se archivan semanalmente en el Salón de Líderes.

02 · Arquitectura

Una experiencia en tiempo real sostenida por operaciones transaccionales.

Next.js corre sobre Cloudflare Workers, Neon conserva el estado y una revisión canónica permite actualizar el ranking sin volver a renderizar toda la página.

Interfaz

React 19, Server Components y componentes cliente para el ranking, modales y filtros.

Persistencia

PostgreSQL serverless con índices, restricciones, locks y transacciones atómicas.

Sincronización

Snapshots condicionales, ETags, respuestas 204/304, jitter y backoff.

Edge

OpenNext despliega el App Router y los assets sobre la red global de Cloudflare.

04 · Experiencia responsive

La misma jerarquía funciona en escritorio, móvil y tema oscuro.

La composición se reorganiza para conservar primero la oferta y después el podio. Los controles permanecen accesibles sin reducir el tablero a una versión incompleta.

La portada, el ranking y la explicación del producto mantienen el mismo orden de lectura en pantallas estrechas.

05 · Pagos y confianza

La posición sólo cambia después de confirmar el dinero.

Mercado Pago cobra el equivalente en MXN y PayPal procesa USD. Retornos y webhooks convergen en la misma lógica idempotente para validar proveedor, moneda, importe e intento antes de activar o impulsar un anuncio.

Intento correlacionado

Cada checkout nace desde un registro interno con anuncio, operación e importe esperados.

Confirmación verificable

El navegador nunca es la fuente de verdad: el servidor consulta y valida al proveedor.

Acreditación atómica

Pago, anuncio, presupuesto y revisión del ranking cambian juntos o se revierten.

Flujo verificado de publicación

  1. 01

    Borrador

    Se valida URL, contenido y oferta.

  2. 02

    Checkout

    Mercado Pago o PayPal procesa el cobro.

  3. 03

    Webhook

    El servidor verifica estado, moneda e importe.

  4. 04

    Ranking

    El anuncio se activa y se publica la nueva revisión.

06 · Operación semanal

Cada temporada termina, pero los mejores lugares permanecen.

Los ciclos cierran los lunes a las 10:00, hora de Ciudad de México. El tablero reinicia la competencia y conserva a los ganadores como historial público, backlink y prueba del resultado.

Míralo en tema oscuro con las vistas de escritorio y móvil del ranking
Tema oscuro y composición responsive del ranking, el podio y los controles de publicación.

Proyecto en producción

Una idea de monetización convertida en un sistema completo.

Míralo reúne producto, experiencia bilingüe, pagos multi-proveedor, consistencia transaccional, moderación, SEO internacional y despliegue serverless en una sola plataforma.