Comment j'ai construit télé.guide

Le besoin

Trouver à quelle heure et sur quelle chaîne regarder un match de foot ou un film devrait être simple. Les grilles classiques sont souvent lourdes, bourrées de bannières, ou incomplètes pour les événements sportifs majeurs. J'ai voulu un site rapide, lisible sur mobile, et centré sur le contenu — avec un focus particulier sur la CDM 2026 pendant l'été.

Stack technique

• Next.js(App Router) pour le rendu côté serveur, les métadonnées par page et un déploiement léger.
• Grilles EPG XMLTV : import quotidien des programmes TNT et chaînes sport, puis mise en cache locale.
• API-Football pour les fixtures officielles de la Coupe du monde (dates Paris, phases, équipes).
• OpenAI pour générer des textes contextuels sur les fiches match (contexte sportif, enjeux du groupe, rappel des horaires TV).
• TMDB pour enrichir les fiches programmes hors sport.

Section FIFA 2026

Le hub /fifa-2026 regroupe les matchs du jour à venir ou en direct, triés chronologiquement. Chaque rencontre dispose d'une fiche dédiée, par exemple Brésil – Maroc ou États-Unis – Paraguay.

Le défi principal : faire correspondre les programmes EPG aux vrais matchs de la CDM. Les titres de grille ne sont pas normalisés (« Coupe du monde », équipes abrégées, retransmissions sur plusieurs chaînes). J'ai construit un pipeline de matching qui :

• filtre les faux positifs (coupe des clubs, VTT, programmes hors foot) ;
• croise titre + horaire avec les fixtures API ;
• affiche les logos chaînes avec fallbacks EPG quand l'asset local manque.

Les pages jour, comme la grille du 15 juin 2026, listent tous les matchs d'une date avec les créneaux TV associés.

Textes IA & mise à jour

Un script de bootstrap génère les textes manquants pour toutes les fiches ; une tâche quotidienne rafraîchit les matchs impactés par de nouveaux résultats ou un changement de classement. Chaque texte est stocké en cache JSON avec horodatage, ce qui évite de régénérer inutilement et garde des pages stables pour Google.

SEO & pages indexables

Le sitemap dynamique expose l'accueil, le hub CDM, chaque page jour et chaque fiche match. Les métadonnées (title, description, Open Graph) sont calculées par route. Les liens internes entre hub, journées et matchs forment un maillage cohérent autour de requêtes du type « match CDM 2026 chaîne TV » ou « programme foot ce soir ».

Cette page sur mon portfolio documente le projet et pointe vers télé.guide — utile pour les backlinks depuis un site personnel à autorité modérée mais thématiquement pertinent (développement web + médias TV).