IORAD
Web app del player di una web radio: pagina di ascolto e palinsesto.
Next.js, player Vidstack. Inglese.
Scheda.
IORAD, web app player in Next.js
Pagina di ascolto e player, in inglese. È il sito della radio, non una campagna.
Contesto & brief
IORAD (iorad-radio.com), anche «Importance Of Radio», è un media radio indipendente con palinsesto curato, pensato per un ascolto fuori dagli algoritmi delle piattaforme. La home indica come sede Lambrate. In inglese. Non è un e-commerce.
Il mio intervento riguarda la web app del player.
Cosa ho sviluppato
- Pagina di ascolto su
listen.iorad-radio.com: stesso progetto Next.js, con il sottodominio che riscrive su/listen. - Player audio Vidstack, con l'elenco dei programmi.
- Palinsesto: in questo repo è una lista nel codice, non un CMS.
- Installabilità: manifest per installare la pagina di ascolto.
La home presenta un video su UploadThing e un invito all'ascolto. /submit non è un form del sito: reindirizza a una pagina Notion.
Servizio: micrositi e campagne.
Altro sito compatto: Think Liquid. Altro progetto musicale, con uno stack diverso (lì c'è una scena 3D): Victoria Music.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js 15 |
| CMS | Prismic, WordPress |
| Motion e 3D | Vidstack |
| E-commerce e pagamenti | — |
| Analytics / osservabilità | — |
| Servizi e hosting | Supabase, Vercel, UploadThing |
Decisioni chiave & trade-off
Player su una pagina dedicata
Il sottodominio listen punta alla web app di ascolto, nello stesso progetto Next.js.
Submit esterno
L'invio di un set passa da Notion, senza un backend dedicato.
Lista nel codice
La pagina di ascolto legge i mix da un file del repository, non da Prismic o WordPress.
Crediti & riconoscimenti
Progetto di Andrea Perato. Sviluppo della web app player: Luca Lodi.
Con Andrea Perato anche Think Liquid.
iorad-radio.com — Next.js 15, Vercel. Ascolto: listen.iorad-radio.com.
Servizi collegati: micrositi e campagne · Guida: GSAP e scroll storytelling
Stack
Next.js, Vidstack