La Iglesia San Giovanni Fuorcivitas se llama así porque ha sido situada fuera del núcleo original de la ciudad de Pistoia, que en la Edad Media correspondía al primer círculo de murallas. Probablemente el lugar fue ocupado inicialmente por una iglesia construida por los Longobardos, que una vez convertidos al catolicismo, decidieron demostrar su fe dedicando un nuevo sitio de culto al santo apóstol.
La construcción del nuevo edificio comenzó en el siglo XII, según los cánones de la arquitectura románica. De hecho, la iglesia presenta un complejo exuberante decorado con mármoles dicromáticos.
El lado norte se caracteriza por arcos ciegos y dos órdenes de logias: en el centro se distinguen el arco y el arquitrabe tallado por el maestro Gruamonte, que representa las escenas de la Última Cena. Esta fachada está cubierta por largas líneas horizontales blancas y verdes, de mármol blando y verde de Prato, que constituyen la parte más característica de la decoración exterior de la iglesia y que corresponden a la escuela de Pisa. El claustro de piedra y terracota con su decoración mayólica es espléndido.
Durante el siglo XIV San Giovanni se enriqueció con las obras de los mejores artistas de la época: Frey Guglielmo de Pisa, que esculpió los relieves del púlpito con las Historias de Cristo y de la Virgen, adornadas con pastas de vidrio policromadas y acabados cromáticos, Giovanni Pisano, que probablemente trabajó en la pila de mármol en el centro de la nave, Taddeo Gaddi, que pintó el políptico con la Madonna en el Trono entre los santos Jacopo, Giovanni Evangelista, Pietro y Giovanni Battista. Además, la iglesia está decorada con las obras maestras de Luca della Robbia, en particular con un grupo de terracota blanca vidriada que representa la Visitación.