--- title: "Mondiali 2026: aggiungi una sezione calendario e risultati" description: "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 conquist" canonical_url: "https://it.goodbarber.com/blog/mondiali-2026-aggiungi-una-sezione-calendario-e-risultati-alla-tua-app-senza-codice-a1039/" lang: it date: 2026-06-16 last_updated: 2026-07-17 --- # Mondiali 2026: aggiungi una sezione calendario e risultati [Indietro](/blog/make-it-r10/) # Mondiali 2026: aggiungi una sezione calendario e risultati alla tua app, senza codice Scritto da [Mathieu Poli](https://it.goodbarber.com/blog/author/mathieu-poli/) il Martedì 16 Giugno 2026 ## 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 ![](https://cmsphoto.ww-cdn.com/superstatic/81312/art/grande/96996243-67594869.jpg?v=1781600718.932383) 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 ![](https://cmsphoto.ww-cdn.com/superstatic/81312/art/grande/96996243-67594870.jpg?v=1781600720.7443922) 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. ![Mathieu Poli](https://blog.goodbarber.com/_public/profile/65/6553d00ecdbe15f8aac2da7dddcff47648fdd791-default.jpg) Informazioni sull'autore[Mathieu Poli](https://it.goodbarber.com/blog/author/mathieu-poli/)Head of Frontend Engineering Sono Head of Frontend Engineering presso GoodBarber. Supervisiono i team che progettano i motori di rendering al cuore della nostra piattaforma no-code: sono loro a dare vita ai progetti dei nostri utenti e a trasformarli in app native, fluide e curate. Tutto ciò che si vede e si tocca sullo schermo passa dalle loro mani. Pioniere del no-code mobile, appassionato di architettura software e di design di prodotto, insegno anche in università e scuole private. Qui scrivo di ingegneria frontend, design di prodotto e IA — e di tutto ciò che accade quando questi tre mondi si incontrano. [Scopri di più](https://it.goodbarber.com/blog/author/mathieu-poli/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/hellomathieup)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/hellomathieup/)