Indietro

Mondiali 2026: aggiungi una sezione calendario e risultati alla tua app, senza codice

il 

I Mondiali 2026 sono iniziati e le partite catalizzeranno l'attenzione di tutti: un'occasione per fidelizzare il tuo pubblico e, allo stesso tempo, per conquistarne uno nuovo, direttamente nella tua app. Ecco come aggiungere una sezione calendario e risultati — il punteggio di ogni partita, prossima partita in evidenza, orario del fischio d'inizio nel fuso locale — partendo da un semplice prompt, grazie all'AI Extension Builder di GoodBarber.

I Mondiali si giocano altrove, non nella tua app

Dall'11 giugno al 19 luglio 2026, 48 squadre e decine di partite scandiranno sei settimane di attenzione mondiale. Nel frattempo, la tua community segue i punteggi su altre cinque applicazioni. Nessuna porta il tuo nome.

Una sezione calendario e risultati: esattamente il tipo di pagina che, fino a ieri, richiedeva uno sviluppatore. Oggi la descrivi e si costruisce da sola. Ecco come.

Cosa otterrai

Una sola pagina, che scorre:

  • Prima le partite già giocate, poi quelle in arrivo. All'apertura, la pagina si posiziona direttamente sulla prossima partita: l'ultimo risultato subito sopra, quelle successive subito sotto.
  • Raggruppate per giorno, con un'intestazione di data chiara.
  • Punteggio finale per le partite concluse, orario del fischio d'inizio nel fuso orario locale del visitatore per le partite in arrivo.
  • Una card arrotondata per ogni partita, con le due squadre e le rispettive bandiere, e una discreta messa in evidenza della prossima partita.
  • Un design sportivo, mobile-first.

E soprattutto: dati reali, mai inventati. Durante il caricamento, dei placeholder; in caso di errore, un messaggio chiaro con un pulsante « Riprova » — niente punteggi falsi.

Due modi per arrivarci.

Metodo 1 — La via rapida: un clic nella libreria di esempi

Ideale per ottenere un risultato in fretta.

  1. Nel tuo back-office GoodBarber, aggiungi una sezione e scegli « Crea con l'IA » (l'AI Extension Builder).
  2. Apri la libreria di esempi.
  3. Seleziona l'esempio « Mondiali 2026 — Calendario & Risultati ».
  4. L'assistente genera il codice e mostra il risultato in diretta, nel contesto della tua app.

Nessuna configurazione, nessuna API da collegare, neanche una riga di codice. L'esempio integra già il prompt giusto — quello che analizziamo qui sotto. Puoi tenerlo così com'è oppure adattarlo ai colori della tua app.

È lo scenario « un clic »: la sezione esiste in meno di un minuto. Ma capire come è scritto l'esempio è ciò che ti permetterà poi di crearne altri — per il tuo campionato nazionale, la tua lega locale o le partite del tuo singolo club.

Metodo 2 — La via su misura: l'anatomia del prompt

Ecco il prompt esatto che si nasconde dietro l'esempio. Sta in poche righe, e ogni riga ha una sua ragion d'essere.

Crea una pagina pulita e moderna che mostra tutte le partite dei Mondiali FIFA 2026 in un'unica semplice lista scorrevole — prima le partite già giocate, poi quelle in arrivo. All'apertura della pagina, scorri direttamente fino alla prossima partita in programma, così le persone vedono gli ultimi risultati appena sopra e ciò che viene dopo sotto. Raggruppa le partite per giorno con un'intestazione di data ben leggibile. Per le partite concluse mostra il punteggio finale; per le partite in arrivo mostra l'orario del calcio d'inizio nel fuso orario locale del visitatore. Segnala una partita attualmente in corso con una piccola etichetta rossa «LIVE». Assegna a ogni partita la sua scheda con angoli arrotondati, con le due squadre e le loro bandiere, e metti delicatamente in evidenza la prossima partita. Usa dati reali e aggiornati — non inventare mai punteggi o partite. Recuperali da questo link esatto, e usalo così com'è senza modificarlo: https://site.api.espn.com/apis/site/v2/sports/soccer/fifa.world/scoreboard?dates=20260611-20260719&limit;=950 Alcune partite più avanti nel tabellone non hanno ancora le squadre definite (vedrai etichette come «Group A Winner») — mostrale semplicemente senza bandiera, e fai in modo che una partita insolita non rompa mai il resto della lista. Durante il caricamento dei dati mostra dei segnaposto di caricamento, e se non si caricano mostra un messaggio cordiale con un pulsante «Riprova» invece di dati falsi. Rendila sportiva e pensata prima di tutto per il mobile, con schede arrotondate, un accento verde e un'intestazione fissa. Tutto il testo in italiano.

Ciò che rende affidabile questo prompt sono cinque accortezze semplici. Sono queste che vale la pena ricordare, molto più di questo caso specifico.

1. Descrivere il risultato, non il codice. All'assistente non si dice mai come fare. Gli si dice cosa deve vedere l'utente: una lista che scorre, prima le partite giocate, l'apertura calibrata sulla prossima partita. Tu descrivi un'esperienza; l'assistente scrive il codice.

2. Puntare a una vera fonte di dati — e rispettarla. Il prompt fornisce un link a dati in diretta e un'istruzione non negoziabile: Usa dati reali e aggiornati — non inventare mai punteggi o partite, e usalo così. È la garanzia anti-allucinazione. A ogni apertura, la pagina legge la fonte reale; non inventa mai un punteggio. (Per un altro evento, è questa la riga che cambi: il tuo campionato, la tua lega, il tuo club.)

3. Anticipare i casi particolari. Nel 2026, molte partite delle fasi finali non hanno ancora le squadre assegnate — vedrai comparire etichette del tipo « Group A Winner ». Il prompt lo ha previsto: mostrare queste partite senza bandiera e, soprattutto, fare in modo che una partita insolita non rompa mai il resto della lista. Un singolo dato sballato non deve mandare giù l'intera pagina.

4. Curare gli stati vuoti e gli errori. Durante il caricamento: dei placeholder. In caso di errore: un messaggio chiaro e un pulsante « Riprova ». Mai dati falsi per riempire un vuoto. È ciò che distingue una vera sezione da una demo che si pianta in riunione.

5. Definire lo stile in una frase. Mobile-first, card arrotondate. All'assistente serve una direzione artistica breve e netta, non un capitolato.

Queste cinque accortezze non valgono solo per il calcio. Riprendile per un calendario di eventi, una lista di prodotti, una classifica interna: è la stessa grammatica del prompt.

Perché funziona davvero in GoodBarber

Generare codice con un'IA è cosa che fanno in molti. La differenza sta in dove atterra quel codice.

Qui l'assistente non scrive nel vuoto. La sezione generata si integra direttamente nella tua app: l'hosting è incluso, adotta il sistema Smart Design della tua applicazione ed è incorporata nella tua app — su iOS, Android e in PWA — per poi essere distribuita sugli store come tutto il resto. Il risultato non è un pezzo di codice da copiare e incollare: è una sezione viva all'interno di una vera app.

E questo è solo l'inizio: una sezione costruita così può anche attingere alle capacità della piattaforma — geolocalizzazione, contenuti, notifiche push, ecc. Il nostro esempio ne fa a meno — legge direttamente la sua fonte di punteggi — ma puoi costruire pagine che si spingono molto più in là nell'integrazione con la tua app.

È anche ciò che spiega la promessa storica di GoodBarber — app professionali senza scrivere una riga di codice, dal 2011, con oggi un download ogni 4 secondi in 152 paesi. L'AI Extension Builder prolunga questa logica: quando una funzionalità manca al catalogo di oltre 190 estensioni, non dipendi più da uno sviluppatore — la descrivi e si aggiunge alla tua app.

Comincia ora

I Mondiali 2026 durano sei settimane. La finestra di attenzione, invece, è aperta adesso.

Apri l'AI Extension Builder nel tuo back-office (oppure avvia una prova gratuita), scegli l'esempio « Mondiali 2026 » nella libreria e pubblica la tua sezione calendario e risultati prima del prossimo fischio d'inizio. Poi riutilizza le cinque accortezze del prompt per la prossima funzionalità che manca alla tua app.

In breve (FAQ)

I risultati sono aggiornati?

A ogni apertura della pagina, la sezione legge una fonte di dati in diretta. I punteggi e gli orari mostrati sono quelli restituiti da quella fonte — mai dati inventati.

Bisogna saper programmare?

No. Descrivi la sezione in linguaggio naturale; l'assistente genera il codice e lo mostra in diretta. Puoi poi affinare il prompt, oppure modificare direttamente il codice se lo desideri.

Posso adattarla a un altro evento o al mio campionato?

Sì. La struttura del prompt è riutilizzabile: cambia la fonte di dati e lo stile per coprire un'altra competizione, una lega locale o le sole partite del tuo club.