[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-CbJnGfw-gNt2zT-BV8VKm7_8znixOH1Dn7RaC6ApxDE":3,"sanity-1IAR7OZ1GahFQIBn2fRd7la5W_m0HrKM7idaWLd_jwc":26,"sanity-VjEHmVXa-NUHcqk99C8kRIBMjQTYU1eWf8fLiHKBhhE":280},{"data":4,"sourceMap":-1},{"_createdAt":5,"_id":6,"_rev":7,"_system":8,"_type":6,"_updatedAt":11,"headerFrasetta":12,"showFrasetta":25},"2024-09-24T09:16:53Z","header","p760j7h835F4y7spQlBYJd",{"base":9},{"id":6,"rev":10},"weFjAg3F0H46n8pjNHFp0o","2026-05-18T10:57:18Z",[13],{"_key":14,"_type":15,"children":16,"markDefs":23,"style":24},"8eadd18b3ed0","block",[17],{"_key":18,"_type":19,"marks":20,"text":22},"e6dcee98cdea","span",[21],"strong","",[],"normal",true,{"data":27,"sourceMap":-1},{"_createdAt":28,"_id":29,"_rev":30,"_system":31,"_type":34,"_updatedAt":35,"author":36,"category":68,"content":78,"correlati":237,"date":238,"excerpt":239,"imported":240,"mainImage":241,"seo":246,"showInHome":240,"slug":249,"tags":251,"title":279},"2019-05-09T04:00:00Z","ecommerce-shopify-per-developers-web-designer-utilizzare-theme-kit","ozq8uGlzlkluwdw2cLTloX",{"base":32},{"id":29,"rev":33},"p760j7h835F4y7spRp21Mb","post","2026-06-21T15:13:59Z",{"_createdAt":37,"_id":38,"_rev":39,"_system":40,"_type":43,"_updatedAt":44,"bio":45,"name":54,"picture":55,"showTop":25,"slug":60,"socials":63},"2024-06-12T08:42:39Z","acebc245-3745-4a3f-a2dc-02640a7a9792","31ZYHThkucP97gw3bGuFfu",{"base":41},{"id":38,"rev":42},"21OzDndKKn8cbR4orm5IrM","author","2026-06-17T10:02:36Z",[46],{"_key":47,"_type":15,"children":48,"markDefs":53,"style":24},"61ba39142c5c",[49],{"_key":50,"_type":19,"marks":51,"text":52},"1c3051de12650",[],"COO e CMO @ICT Sviluppo",[],"Giovanni Fracasso",{"_type":56,"asset":57},"image",{"_ref":58,"_type":59},"image-8d013907a8588f1b8daa361dbbb31091e261ddc4-2721x2721-png","reference",{"_type":61,"current":62},"slug","giovanni-fracasso",{"_type":64,"facebook":65,"linkedin":66,"x_twitter":67},"socialsBlock","https:\u002F\u002Fwww.facebook.com\u002Fgiovannifracasso","https:\u002F\u002Fit.linkedin.com\u002Fin\u002Ffracassogiovanni","https:\u002F\u002Fwww.twitter.com\u002Fiostesso",{"_createdAt":69,"_id":70,"_rev":71,"_type":72,"_updatedAt":73,"description":74,"name":75,"slug":76},"2024-06-11T12:47:36Z","f11cf4d3-b8c6-4bb9-9fb2-88b5a8cd910e","ozq8uGlzlkluwdw2ba8kDc","category","2024-08-22T06:40:51Z","Post di e-commerce","Ecommerce",{"_type":61,"current":77},"ecommerce",[79,87,95,104,137,145,161,169,177,185,205,213,221,229],{"_key":80,"_type":15,"children":81,"markDefs":86,"style":24},"dvb002",[82],{"_key":83,"_type":19,"marks":84,"text":85},"dvs001",[],"Sviluppare un tema Shopify oggi non è più come qualche anno fa. Gli strumenti sono cambiati, alcuni che erano lo standard sono stati pensionati, e l'architettura dei temi è stata rifatta da capo. Per chi mette mano al codice, developer o web designer, conoscere lo stack attuale non è un dettaglio: è la differenza tra lavorare in modo moderno e accumulare debito tecnico su strumenti che Shopify non aggiorna più.",[],{"_key":88,"_type":15,"children":89,"markDefs":94,"style":24},"dvb004",[90],{"_key":91,"_type":19,"marks":92,"text":93},"dvs003",[],"Il primo punto da fissare riguarda proprio uno strumento storico. Theme Kit, per anni il modo classico di sincronizzare i file di un tema da riga di comando, è stato ufficialmente deprecato a settembre 2024: continua a funzionare sui progetti esistenti ma non riceve più nuove funzioni e non supporta le novità dei temi moderni. Il flusso di lavoro ufficiale oggi è uno solo, ed è Shopify CLI.",[],{"_key":96,"_type":15,"children":97,"markDefs":102,"style":103},"dvb006",[98],{"_key":99,"_type":19,"marks":100,"text":101},"dvs005",[],"Shopify CLI: lo strumento ufficiale",[],"h2",{"_key":105,"_type":15,"children":106,"markDefs":136,"style":24},"dvb014",[107,111,116,120,124,128,132],{"_key":108,"_type":19,"marks":109,"text":110},"dvs007",[],"La Shopify CLI è la riga di comando con cui si costruiscono e si gestiscono temi, app e storefront Hydrogen. Per i temi offre quello che a Theme Kit mancava: un server di sviluppo locale con ricarica a caldo, così le modifiche si vedono in tempo reale nel browser, il linter Theme Check per validare il codice, e un'autenticazione via OAuth più sicura delle vecchie password API. I comandi essenziali sono pochi e leggibili, ",{"_key":112,"_type":19,"marks":113,"text":115},"dvs008",[114],"code","shopify theme dev",{"_key":117,"_type":19,"marks":118,"text":119},"dvs009",[]," per lavorare in locale, ",{"_key":121,"_type":19,"marks":122,"text":123},"dvs010",[114],"shopify theme push",{"_key":125,"_type":19,"marks":126,"text":127},"dvs011",[]," e ",{"_key":129,"_type":19,"marks":130,"text":131},"dvs012",[114],"shopify theme pull",{"_key":133,"_type":19,"marks":134,"text":135},"dvs013",[]," per sincronizzare con il negozio. Richiede Node 18 o superiore, e per chi viene da Theme Kit la migrazione è questione di minuti, perché la struttura delle cartelle è identica.",[],{"_key":138,"_type":15,"children":139,"markDefs":144,"style":103},"dvb016",[140],{"_key":141,"_type":19,"marks":142,"text":143},"dvs015",[],"Online Store 2.0: l'architettura dei temi moderni",[],{"_key":146,"_type":15,"children":147,"markDefs":160,"style":24},"dvb020",[148,152,156],{"_key":149,"_type":19,"marks":150,"text":151},"dvs017",[],"Lo strumento va di pari passo con l'architettura. Online Store 2.0, introdotta nel 2021, ha riscritto il modo in cui i temi sono fatti. I template delle pagine oggi sono file ",{"_key":153,"_type":19,"marks":154,"text":155},"dvs018",[114],"JSON",{"_key":157,"_type":19,"marks":158,"text":159},"dvs019",[],", non più Liquid: dichiarano quali sezioni compongono la pagina, mentre Liquid resta il linguaggio con cui le sezioni vengono disegnate. Le sezioni sono disponibili su ogni pagina, non più solo in home, e i blocchi al loro interno si aggiungono e si spostano dall'editor. Gli app block, costruiti come theme app extension, permettono alle app di inserire contenuti nello store senza toccare il codice del tema, e quando l'app viene disinstallata il blocco sparisce senza lasciare residui. I metafield e i metaobject sono nativi, e dalla Winter 2024 i theme blocks globali si riusano su qualunque sezione.",[],{"_key":162,"_type":15,"children":163,"markDefs":168,"style":103},"dvb022",[164],{"_key":165,"_type":19,"marks":166,"text":167},"dvs021",[],"Dawn, il punto di partenza",[],{"_key":170,"_type":15,"children":171,"markDefs":176,"style":24},"dvb024",[172],{"_key":173,"_type":19,"marks":174,"text":175},"dvs023",[],"Per non partire da un foglio bianco c'è Dawn, il tema di riferimento di Shopify: open source, costruito con un approccio HTML-first e reso dai server tramite Liquid, pensato per essere veloce e accessibile. È la base consigliata per costruire un tema custom, e si presta a un flusso di lavoro professionale con Git e l'integrazione GitHub, per versionare il codice e gestire i deploy in modo controllato invece di modificare i file direttamente nell'editor online, cosa che oltre poche righe è sempre una cattiva idea.",[],{"_key":178,"_type":15,"children":179,"markDefs":184,"style":103},"dvb026",[180],{"_key":181,"_type":19,"marks":182,"text":183},"dvs025",[],"Liquid resta la spina dorsale, con meno codice",[],{"_key":186,"_type":15,"children":187,"markDefs":201,"style":24},"dvb031",[188,192,197],{"_key":189,"_type":19,"marks":190,"text":191},"dvs027",[],"Anche nell'architettura nuova, Liquid resta il linguaggio con cui si rende il front end di un tema classico, anche se il suo ruolo è più mirato. La direzione è scrivere meno codice e più pulito, appoggiandosi alle nuove capacità della piattaforma, dai filtri per gli array alle condizioni nello schema delle sezioni. Per capire come funziona il linguaggio nel dettaglio, ho scritto una ",{"_key":193,"_type":19,"marks":194,"text":196},"dvs029",[195],"dvl028","guida dedicata a Liquid",{"_key":198,"_type":19,"marks":199,"text":200},"dvs030",[],".",[202],{"_key":195,"_type":203,"href":204},"link","\u002Fpost\u002Fliquid-linguaggio-programmazione-shopify-template",{"_key":206,"_type":15,"children":207,"markDefs":212,"style":103},"dvb033",[208],{"_key":209,"_type":19,"marks":210,"text":211},"dvs032",[],"Quando uscire dai temi: l'headless",[],{"_key":214,"_type":15,"children":215,"markDefs":220,"style":24},"dvb035",[216],{"_key":217,"_type":19,"marks":218,"text":219},"dvs034",[],"Per i progetti che hanno bisogno di un front end completamente su misura c'è la strada headless, con Hydrogen e l'hosting Oxygen: il front end viene costruito come applicazione separata in React e attinge ai dati tramite la Storefront API. È un'architettura potente, adatta a chi ha esigenze di personalizzazione e performance fuori dall'ordinario, ma anche più complessa e costosa da costruire e mantenere. Per la maggior parte dei negozi, un tema Online Store 2.0 ben fatto resta la scelta giusta.",[],{"_key":222,"_type":15,"children":223,"markDefs":228,"style":103},"dvb037",[224],{"_key":225,"_type":19,"marks":226,"text":227},"dvs036",[],"Gli strumenti contano perché riducono la dipendenza",[],{"_key":230,"_type":15,"children":231,"markDefs":236,"style":24},"dvb039",[232],{"_key":233,"_type":19,"marks":234,"text":235},"dvs038",[],"La ragione per cui tutto questo conta non è tecnica fine a sé stessa. Un tema costruito bene, con l'architettura giusta e gli strumenti attuali, mette il merchant in condizione di gestire da solo gran parte delle modifiche, senza dover chiamare uno sviluppatore per ogni cambio di layout. È esattamente l'obiettivo con cui in ICT Sviluppo affrontiamo un progetto tema: non scrivere codice per il gusto di scriverlo, ma costruire qualcosa che dura e che lascia autonomia a chi lo userà ogni giorno.",[],null,"2026-06-21T12:00:00.000Z","Lo stack attuale per sviluppare temi Shopify: Shopify CLI al posto di Theme Kit, architettura Online Store 2.0, Dawn, Liquid e quando passare all'headless.",false,{"_type":56,"alt":242,"asset":243,"originalFilename":245},"Sviluppare temi Shopify nel 2026",{"_ref":244,"_type":59},"image-c432830badacd888ec4e11e14fb19a5a928c6286-1672x941-png","Sviluppare temi Shopify nel 2026.png",{"_type":247,"metadescription":239,"metatitle":248},"seoBlock","Sviluppare temi Shopify nel 2026: strumenti per developer e designer",{"_type":61,"current":250},"shopify-per-developers-web-designer-utilizzare-theme-kit",[252],{"_createdAt":253,"_id":254,"_rev":255,"_type":256,"_updatedAt":257,"color":258,"name":276,"slug":277},"2024-06-11T12:45:34Z","b9115d95-5820-48db-995d-8b39f425bdb6","ozq8uGlzlkluwdw2ba8viW","tag","2024-07-04T13:54:01Z",{"_type":259,"alpha":260,"hex":261,"hsl":262,"hsv":267,"rgb":271},"color",1,"#0b6023",{"_type":263,"a":260,"h":264,"l":265,"s":266},"hslaColor",136.94117647058823,0.20980392156862746,0.794392523364486,{"_type":268,"a":260,"h":264,"s":269,"v":270},"hsvaColor",0.8854166666666666,0.3764705882352941,{"_type":272,"a":260,"b":273,"g":274,"r":275},"rgbaColor",35,96,11,"Shopify",{"_type":61,"current":278},"shopify","Sviluppare temi Shopify nel 2026: gli strumenti per developer e web designer",{"data":281,"sourceMap":-1},{"menuItems":282},[283,288,290],{"_id":284,"_type":285,"name":237,"slug":286},"26f5f963-f363-481e-b28b-a6a8eb3333a2","page",{"_type":61,"current":287},"page-01",{"_id":70,"_type":72,"name":75,"slug":289},{"_type":61,"current":77},{"_id":291,"_type":72,"name":292,"slug":293},"afa06101-fcb3-4ccc-9911-5a71710f8303","Digital",{"_type":61,"current":294},"digital"]