Miralo en thème sombre avec les vues ordinateur et mobile du classement

Produit web full-stack · Monétisation transparente

Payer pour être visible.Connaître exactement sa position.

Miralo transforme la publicité directe en classement public : chaque paiement augmente le budget d'une annonce, les positions évoluent en direct et le podium hebdomadaire reste archivé.

Produit
Classement de visibilité
Base
Next.js 16 + React 19
Données
Neon PostgreSQL
Paiements
Mercado Pago + PayPal

01 · Le produit

Un tableau public dont l'ordre ne dépend pas d'un algorithme caché.

Projets, entreprises, offres d'emploi, créateurs et services publient un lien sans créer de compte. Le montant choisi détermine une position visible et vérifiable.

Le classement suit des cycles hebdomadaires. Les trois premières places forment le podium puis rejoignent le Mur des Leaders permanent à la fin de la saison.

01

Position transparente

Le budget cumulé ordonne le tableau ; chaque Boost recalcule la position.

02

Sans compte

Un folio de gestion et l'e-mail simplifient publication et repositionnement.

03

Podium durable

Or, argent et bronze sont archivés chaque semaine dans le Mur des Leaders.

02 · Architecture

Une expérience en direct soutenue par des opérations transactionnelles.

Next.js s'exécute sur Cloudflare Workers, Neon conserve l'état et une révision canonique actualise le classement sans recalculer toute la page.

Interface

React 19, Server Components et composants client pour classement, modales et filtres.

Persistance

PostgreSQL serverless avec index, contraintes, verrous et transactions atomiques.

Synchronisation

Snapshots conditionnels, ETags, réponses 204/304, jitter et backoff.

Edge

OpenNext déploie l'App Router et les assets sur le réseau mondial de Cloudflare.

04 · Expérience responsive

La même hiérarchie fonctionne sur ordinateur, mobile et en thème sombre.

La composition place d'abord l'offre puis le podium. Les contrôles restent accessibles sans réduire le tableau à une version incomplète.

L'accueil, le classement et l'explication du produit conservent leur ordre de lecture sur écran étroit.

05 · Paiements et confiance

La position ne change qu'après confirmation du paiement.

Mercado Pago facture l'équivalent en MXN et PayPal traite les USD. Retours et webhooks convergent vers la même logique idempotente pour valider fournisseur, devise, montant et tentative.

Tentative corrélée

Chaque checkout part d'un enregistrement interne avec annonce, opération et montant attendus.

Confirmation vérifiable

Le navigateur n'est jamais la source de vérité : le serveur valide le fournisseur.

Crédit atomique

Paiement, annonce, budget et révision changent ensemble ou sont annulés.

Flux de publication vérifié

  1. 01

    Brouillon

    URL, contenu et offre sont validés.

  2. 02

    Checkout

    Mercado Pago ou PayPal traite le paiement.

  3. 03

    Webhook

    Le serveur vérifie état, devise et montant.

  4. 04

    Classement

    L'annonce s'active et une nouvelle révision est publiée.

06 · Cycle hebdomadaire

Chaque saison se termine, mais les meilleures places restent.

Les cycles ferment le lundi à 10 h, heure de Mexico. Le tableau relance la compétition et conserve les gagnants comme historique public, backlinks et preuve du résultat.

Miralo en thème sombre avec les vues ordinateur et mobile du classement
Thème sombre et composition responsive du classement, du podium et des contrôles de publication.

Produit en production

Une idée de monétisation transformée en système complet.

Miralo réunit conception produit, UX bilingue, paiements multi-fournisseurs, cohérence transactionnelle, modération, SEO international et déploiement serverless.