Tocca e inquadra un codice

ASH STUDIOS

Vai al contenuto
Programmazione ott 2026 in corso

Sito Radicali Pratesi

Il sito dell'associazione Radicali Pratesi: notizie, campagne, eventi, iscrizioni e donazioni in un unico posto, con un CMS che permette a chiunque nel direttivo di pubblicare un articolo in due minuti. Ispirato al sito di Radicali Marche, ancora in lavorazione.

Strumenti
Visual Studio Code, Git, Sanity Studio
Linguaggi
TypeScript, CSS
Riferimento
radicalimarche.it
Pagine
11 pagine + pannello CMS
Copertina di Sito Radicali Pratesi

Un’associazione che fa politica sul territorio ha bisogno di un posto suo dove raccontare cosa fa. Il sito di Radicali Pratesi nasce per questo: un punto unico per notizie, campagne, eventi e iscrizioni, che chiunque nel direttivo può aggiornare senza toccare una riga di codice.

Lavori in corso. Il sito è finito nella struttura e nel CMS, ma aspetta ancora logo ufficiale, testi definitivi, dominio e dati dell’associazione. Le schermate mostrano i contenuti di prova.

Perché l’ho fatto

Sono iscritta a Radicali Pratesi e mi sono accorta che mancava un sito vero: le notizie finivano solo sui social e si perdevano dopo un giorno. Ho preso come riferimento il sito di Radicali Marche, che funziona benissimo, e ho costruito qualcosa di simile per Prato, pensato per chi non è tecnico: chi scrive un articolo deve solo riempire un modulo e premere Pubblica.

Cosa fa

  • Notizie — Articoli con copertina, categorie e data, pubblicati dal CMS e online in pochi secondi.
  • Campagne ed eventi — Ogni campagna ha la sua pagina; gli eventi mostrano data, ora e luogo.
  • Iscriviti e Dona — Modulo di iscrizione che salva la richiesta, IBAN copiabile con un clic e indicazioni per il 2×1000.
  • Contatti — Modulo con protezione anti-spam (honeypot + limite di invii) che arriva dritto nel CMS.
  • Trasparenza — Elenco di documenti e bilanci filtrabile per anno e tipo.
  • Chi siamo — Pagina dell’associazione con il direttivo, gestito anche quello dal CMS.
  • Privacy — Banner dei cookie e dati delle iscrizioni in un dataset privato.

Pagine

Pagina Cosa contiene
Home Ultime notizie, campagne in evidenza, prossimi eventi
Notizie Elenco articoli e pagina del singolo articolo
Campagne / Eventi Schede con stato, date e luogo
Chi siamo / Trasparenza Associazione, direttivo, documenti
Iscriviti / Dona / Contatti Moduli e dati per sostenere l’associazione
/studio Il pannello del CMS per chi gestisce il sito

Come è fatto

  1. Next.js 16 con App Router e TypeScript: le pagine vengono generate lato server e si aggiornano da sole quando pubblichi.
  2. Sanity Studio integrato su /studio, con schemi per articoli, campagne, eventi, pagine, membri del direttivo, documenti, messaggi e richieste di iscrizione.
  3. Un webhook invalida la cache solo della parte che è cambiata, così il sito resta veloce.
  4. Le API dei moduli scrivono nel CMS con un token che resta sul server e non arriva mai al browser.
  5. Una modalità demo fa partire il sito anche senza CMS collegato, comoda per provarlo in locale.

L’ho sviluppato con l’assistenza dell’AI: io ho deciso struttura, pagine e contenuti, e seguo test e messa online.

Prossimi passi

  • Logo e colori ufficiali dell’associazione
  • Testi definitivi di Chi siamo, statuto e privacy
  • Dominio, hosting e collegamento al progetto Sanity
  • Quote di iscrizione e dati per le donazioni

Galleria