La Pieve romanica di S. Giovanni fu costruita intorno al 1173 su un colle prospiciente Campiglia. Posta all’esterno delle mura, rispose probabilmente alle esigenze dettate dall’incremento demografico sostituendo nelle funzioni una precedente chiesa battesimale situata, secondo quanto è ipotizzabile dalle fonti d’archivio, nei pressi dell’attuale Cafaggio. Un’iscrizione sul paramento della facciata, oltre a indicare l’anno di costruzione fornisce il riferimento del maestro responsabile dell’impresa di costruzione: Matteo. Le caratteristiche architettoniche rimandano a modelli di ascendenza classica propri dell’architettura pisana della fine dell’XI e del XII secolo, come testimoniano i due piccoli portali della facciata e del fianco nord. Quest’ultimo portale è caratterizzato dall’architrave costituito da un unico blocco marmoreo bianco con scene di caccia al cinghiale simboleggianti la sconfitta del male da parte del Cristo, di produzione scultorea degli anni Settanta e Ottanta del XII secolo. In una parete esterna del transetto settentrionale è visibile un’iscrizione incisa sulla pietra, al di sotto della copertura, che riporta la celebre frase di natura palindroma “Sator arepo tenet opera rotas” comune a molti altri edifici medievali.