{"id":84544,"date":"2026-07-06T11:59:08","date_gmt":"2026-07-06T10:59:08","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=84544&#038;preview=true&#038;preview_id=84544"},"modified":"2026-07-06T12:52:23","modified_gmt":"2026-07-06T11:52:23","slug":"vibe-coding-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/","title":{"rendered":"Vibe coding di flussi di lavoro WordPress reali con l&#8217;API di Kinsta"},"content":{"rendered":"<p>La chiave per ottenere un vantaggio competitivo per le moderne agenzie WordPress non sta pi\u00f9 solo nello scrivere codice di alta qualit\u00e0. Le agenzie orientate alla crescita <a href=\"https:\/\/kinsta.com\/it\/blog\/automazione-gestione-siti-wordpress\/\">automatizzano le attivit\u00e0 ripetitive<\/a>, riducono <a href=\"https:\/\/kinsta.com\/it\/blog\/entrate-hosting-agenzia\/\">i costi operativi<\/a> e i tempi di immissione sul mercato e offrono ai clienti servizi pi\u00f9 personalizzati.<\/p>\n<p>Integrare strumenti di intelligenza artificiale nei processi di produzione \u00e8 fondamentale per le agenzie che vogliono automatizzare i propri flussi di lavoro. In questo contesto, il Vibe Coding \u2014 il nuovo paradigma di sviluppo basato sull\u2019intelligenza artificiale \u2014 sta guadagnando sempre pi\u00f9 popolarit\u00e0 ogni giorno.<\/p>\n<p>Il Vibe Coding non \u00e8 per\u00f2 un modo facile per scrivere codice. Anche se \u00e8 vero che non servono anni di esperienza per trarre vantaggio dall\u2019approccio Vibe Coding, \u00e8 fondamentale avere una solida conoscenza della programmazione e dei linguaggi che usi. E non \u00e8 tutto. Oltre alle tradizionali <a href=\"https:\/\/kinsta.com\/it\/blog\/sviluppatore-backend\/\">competenze<\/a> di <a href=\"https:\/\/kinsta.com\/it\/blog\/sviluppatore-frontend\/\">programmazione<\/a>, oggi \u00e8 fondamentale sviluppare una serie pi\u00f9 ampia di capacit\u00e0. Sapere come utilizzare gli strumenti basati sull\u2019AI pi\u00f9 potenti \u00e8 sicuramente una di queste.<\/p>\n<p>Anche tu non vedi l&#8217;ora di applicare il Vibe Coding ai flussi di lavoro WordPress della tua agenzia? Continua a leggere.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Flussi di lavoro WordPress con Vibe Coding<\/h2>\n<p>Se non l\u2019hai ancora adottato, il Vibe Coding \u00e8 una metodologia di sviluppo orientata all\u2019efficienza e all\u2019ottimizzazione delle risorse. Con il Vibe Coding, smetti di scrivere fisicamente righe di codice e passi a un livello pi\u00f9 alto di astrazione: <strong>il livello dell\u2019intento<\/strong>. Tu, in qualit\u00e0 di developer, definisci l\u2019architettura, la logica e i requisiti tecnici e di business di un progetto web, delegando la codifica vera e propria all\u2019agente AI.<\/p>\n<p>Adottare l\u2019approccio Vibe all\u2019automazione dei processi porta vantaggi significativi: riduzione del time-to-market, democratizzazione dell\u2019automazione, flessibilit\u00e0 e adattabilit\u00e0 dei processi. Questi vantaggi si traducono in maggiore efficienza e scalabilit\u00e0. Grazie all\u2019automazione dei flussi di lavoro e all\u2019introduzione di Vibe Coding, le agenzie WordPress possono <a href=\"https:\/\/kinsta.com\/it\/blog\/scalare-con-efficacia\/\">espandersi pi\u00f9 facilmente<\/a> perch\u00e9 <a href=\"https:\/\/kinsta.com\/it\/blog\/fidelizzazione-clienti-agenzia\/#9-build-a-structured-client-onboarding-process-to-save-time-later\">l\u2019acquisizione di nuovi clienti<\/a> non aumenta il carico di lavoro n\u00e9 <a href=\"https:\/\/kinsta.com\/it\/blog\/agenzie-wordpress-scalabili\/\">i costi generali<\/a>.<\/p>\n<p>Prima di festeggiare, per\u00f2, devi sapere che il Vibe Coding non \u00e8 una panacea che produce magicamente codice ben strutturato, gestibile e che funziona sempre come previsto. Adottare questo nuovo paradigma richiede di capire come funzionano gli agenti AI e deve essere progettato secondo principi e best practice che lo rendano un approccio affidabile per un\u2019agenzia WordPress.<\/p>\n<p>Nelle prossime sezioni, ci immergeremo nella creazione di un flusso di lavoro automatizzato per l\u2019inserimento di un nuovo progetto WordPress, seguendo un approccio pratico basato su un caso d\u2019uso reale: vedremo come clonare un modello di sito WordPress preconfigurato ospitato su Kinsta utilizzando GitHub Copilot e l\u2019API di Kinsta.<\/p>\n<p>Speriamo che questo articolo ti aiuti a capire i vantaggi dell\u2019automazione e come implementare efficacemente il Vibe Coding nel flusso di lavoro di sviluppo della tua agenzia.<\/p>\n<h2>Il tuo kit di strumenti per l\u2019automazione<\/h2>\n<p>Per prima cosa, ti servir\u00e0 un template di sito ospitato su Kinsta. Per questo esempio, abbiamo creato un nuovo sito e installato i temi <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-woocommerce-piu-veloci\/#astra\">Astra<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/#4-generatepress\">GeneratePress<\/a> e <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/#2-neve\">Neve<\/a>. Abbiamo anche installato <a href=\"https:\/\/kinsta.com\/it\/blog\/yoast-seo\/\">Yoast SEO<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/astra-sites\/\" target=\"_blank\" rel=\"noopener noreferrer\">Starter Templates<\/a> e altri plugin di supporto per il tema Astra.<\/p>\n<figure id=\"attachment_210636\" aria-describedby=\"caption-attachment-210636\" style=\"width: 2614px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/themes-screen.jpg\" alt=\"La schermata di amministrazione dei temi del sito template\" width=\"2614\" height=\"1586\"><figcaption id=\"caption-attachment-210636\" class=\"wp-caption-text\">La schermata di amministrazione dei temi del sito template<\/figcaption><\/figure>\n<figure id=\"attachment_210638\" aria-describedby=\"caption-attachment-210638\" style=\"width: 2610px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/plugins-screen.png\" alt=\"La schermata di amministrazione dei plugin del sito template\" width=\"2610\" height=\"1602\"><figcaption id=\"caption-attachment-210638\" class=\"wp-caption-text\">La schermata di amministrazione dei plugin del sito template<\/figcaption><\/figure>\n<figure id=\"attachment_210640\" aria-describedby=\"caption-attachment-210640\" style=\"width: 2934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/blueprint-site.jpg\" alt=\"La home page del sito template preconfigurato\" width=\"2934\" height=\"1432\"><figcaption id=\"caption-attachment-210640\" class=\"wp-caption-text\">La home page del sito template preconfigurato<\/figcaption><\/figure>\n<p>Per creare un clone del sito, dovrai accedere al tuo <a href=\"https:\/\/kinsta.com\/it\/blog\/soluzione-hosting-per-developer\/\">ambiente di hosting Kinsta<\/a> tramite l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-api\/\">API di Kinsta<\/a>. Ti serviranno una <a href=\"https:\/\/kinsta.com\/it\/blog\/chiave-api-kinsta\/\">chiave API Kinsta<\/a>, l\u2019ID della tua azienda e l\u2019ID dell\u2019ambiente che vuoi clonare.<\/p>\n<p>Puoi trovare l&#8217;<strong>ID azienda<\/strong> nell\u2019URL della tua <a href=\"https:\/\/kinsta.com\/it\/blog\/gestire-piu-siti-wordpress\/\">dashboard MyKinsta<\/a> (il parametro <code>idCompany<\/code> ) e nella sezione <strong>Informazioni sul sito<\/strong> in MyKinsta, andando su <strong>Siti<\/strong> &gt; <strong>nome del sito<\/strong> &gt; <strong>Info<\/strong>. Nella stessa sezione troverai anche <strong>l\u2019ID dell\u2019ambiente<\/strong>.<\/p>\n<figure id=\"attachment_210642\" aria-describedby=\"caption-attachment-210642\" style=\"width: 1818px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/mykinsta-site-information.png\" alt=\"Sezione Informazioni sul sito in MyKinsta\" width=\"1818\" height=\"820\"><figcaption id=\"caption-attachment-210642\" class=\"wp-caption-text\">Sezione Informazioni sul sito in MyKinsta<\/figcaption><\/figure>\n<p>Infine, ti servir\u00e0 un IDE su cui lavorare. Tra le tante opzioni disponibili ci sono ambienti di sviluppo molto diffusi come <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visual Studio Code<\/a> o <a href=\"https:\/\/www.cursor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cursor<\/a>, oppure ambienti di sviluppo incentrati sull\u2019AI come <a href=\"https:\/\/kinsta.com\/it\/blog\/sito-wordpress-lovable\/\">Lovable<\/a>. Potresti anche usare una piattaforma di prototipazione basata sul web come <a href=\"https:\/\/aistudio.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google AI Studio<\/a>, ideale per testare i prompt in un ambiente isolato prima di passare allo sviluppo vero e proprio.<\/p>\n<p>Per questo articolo, abbiamo usato Google AI Studio per la creazione dei prompt e <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/overview\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub Copilot in Visual Studio Code<\/a> per sviluppare l\u2019app. Ecco perch\u00e9 questa configurazione funziona cos\u00ec bene:<\/p>\n<ul>\n<li><strong>Ampia diffusione:<\/strong> GitHub Copilot \u00e8 incredibilmente popolare ed \u00e8 gi\u00e0 una parte fondamentale dello stack tecnologico di molte agenzie WordPress. Sfruttarlo per un progetto di automazione del workflow significa che il tuo team non dovr\u00e0 perdere tempo a familiarizzare con nuovi strumenti di sviluppo.<\/li>\n<li><strong>Accesso diretto al file system:<\/strong> Copilot ha accesso al file system del progetto. Questo gli permette di creare direttamente i file necessari, inclusi gli asset di configurazione, e di scrivere codice in base alle tue richieste.<\/li>\n<li><strong>Istruzioni per l\u2019agente:<\/strong> puoi definire regole globali a livello di progetto utilizzando un file di configurazione <code>.github\/copilot-instructions.md<\/code>. L\u2019agente seguir\u00e0 rigorosamente queste istruzioni di sistema, assicurando che ogni file rispetti gli standard del tuo progetto.<\/li>\n<\/ul>\n<p>Tenendo a mente queste funzionalit\u00e0, vediamo come funziona GitHub Copilot.<\/p>\n<h2>Scrivere codice con GitHub Copilot: modalit\u00e0, finestra di contesto e istruzioni per l\u2019agente<\/h2>\n<p>Capire come funziona GitHub Copilot \u00e8 fondamentale per sfruttarne appieno il potenziale. In questa sezione, andremo a familiarizzare con i concetti di base di Copilot.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Modalit\u00e0 di Copilot<\/h3>\n<p>Ci sono <a href=\"https:\/\/docs.github.com\/en\/copilot\/how-tos\/chat-with-copilot\/chat-in-ide\" target=\"_blank\" rel=\"noopener noreferrer\">tre modalit\u00e0 distinte<\/a> che puoi usare per interagire con GitHub Copilot, ognuna delle quali determina il tipo di conversazione che avrai con il chatbot.<\/p>\n<figure id=\"attachment_210644\" aria-describedby=\"caption-attachment-210644\" style=\"width: 964px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-modes.png\" alt=\"Le tre modalit\u00e0 di GitHub Copilot\" width=\"964\" height=\"382\"><figcaption id=\"caption-attachment-210644\" class=\"wp-caption-text\">Le tre modalit\u00e0 di GitHub Copilot<\/figcaption><\/figure>\n<p><strong>Plan.<\/strong> Nella <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/agents\/planning\" target=\"_blank\" rel=\"noopener noreferrer\">modalit\u00e0 Plan<\/a>, Copilot genera un piano strutturato suddiviso in attivit\u00e0, che viene poi trasferito alla modalit\u00e0 Agent per l\u2019esecuzione (leggi sotto per maggiori dettagli). Questo permette all\u2019agente di rimanere concentrato sugli obiettivi generali del progetto e di monitorarne efficacemente i progressi.<\/p>\n<p>In modalit\u00e0 Plan, Copilot fornisce una roadmap dettagliata, insieme alle fasi di implementazione e verifica. Dopo aver esaminato la proposta, puoi inviare il tuo feedback per apportare le modifiche necessarie. Quando il piano \u00e8 in linea con le tue esigenze, puoi passare all\u2019implementazione.<\/p>\n<p>La modalit\u00e0 Plan offre una serie completa di strumenti disponibili nella sezione <strong>sezioneConfigure Tools<\/strong>, direttamente nella finestra di chat.<\/p>\n<figure id=\"attachment_210645\" aria-describedby=\"caption-attachment-210645\" style=\"width: 1226px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-plan-mode-tools.png\" alt=\"Gli strumenti disponibili nella modalit\u00e0 Plan di Copilot\" width=\"1226\" height=\"1188\"><figcaption id=\"caption-attachment-210645\" class=\"wp-caption-text\">Gli strumenti disponibili nella modalit\u00e0 Plan di Copilot<\/figcaption><\/figure>\n<p><strong>Agent.<\/strong> Nella <a href=\"https:\/\/learn.microsoft.com\/en-us\/visualstudio\/ide\/copilot-agent-mode?view=visualstudio\" target=\"_blank\" rel=\"noopener noreferrer\">modalit\u00e0 Agent<\/a>, Copilot analizza la tua richiesta, consulta un modello di AI su come risolvere l\u2019attivit\u00e0 e si mette al lavoro. Una volta completata la prima iterazione, Copilot esegue un controllo per individuare eventuali errori e determina quali correzioni sono necessarie, che si tratti di modifiche al codice, comandi da terminale o chiamate a strumenti.<\/p>\n<p>Per impostazione predefinita, tutti gli <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/agents\/agent-tools\" target=\"_blank\" rel=\"noopener noreferrer\">strumenti disponibili<\/a> sono preselezionati in modalit\u00e0 Agent.<\/p>\n<figure id=\"attachment_210646\" aria-describedby=\"caption-attachment-210646\" style=\"width: 1212px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-agent-mode-tools.png\" alt=\"Gli strumenti disponibili nella modalit\u00e0 Agent di Copilot\" width=\"1212\" height=\"1110\"><figcaption id=\"caption-attachment-210646\" class=\"wp-caption-text\">Gli strumenti disponibili nella modalit\u00e0 Agent di Copilot<\/figcaption><\/figure>\n<p>Per ulteriori informazioni sugli agenti, consulta la <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/agents\/overview\" target=\"_blank\" rel=\"noopener noreferrer\">documentazione ufficiale di VS Code<\/a>.<\/p>\n<p><strong>Ask.<\/strong> La <a href=\"https:\/\/learn.microsoft.com\/en-us\/visualstudio\/ide\/visual-studio-github-copilot-chat?view=visualstudio#ask-questions-in-the-chat-window\" target=\"_blank\" rel=\"noopener noreferrer\">modalit\u00e0 Ask<\/a> serve per <a href=\"https:\/\/docs.github.com\/en\/copilot\/how-tos\/chat-with-copilot\/chat-in-ide#ask-mode\" target=\"_blank\" rel=\"noopener noreferrer\">porre domande<\/a> tramite la finestra di chat. Questa modalit\u00e0 \u00e8 consigliata per richiedere aiuto e porre domande generali sulla programmazione.<\/p>\n<figure id=\"attachment_210647\" aria-describedby=\"caption-attachment-210647\" style=\"width: 1222px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-ask-mode-tools.png\" alt=\"Gli strumenti disponibili nella modalit\u00e0 Ask di Copilot\" width=\"1222\" height=\"1102\"><figcaption id=\"caption-attachment-210647\" class=\"wp-caption-text\">Gli strumenti disponibili nella modalit\u00e0 Ask di Copilot<\/figcaption><\/figure>\n<p>Queste tre modalit\u00e0 di GitHub Copilot seguono una <a href=\"https:\/\/devblogs.microsoft.com\/dotnet\/ask-mode-vs-agent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">sequenza cronologica e logica<\/a> precisa all\u2019interno del ciclo di vita dello sviluppo di un\u2019applicazione.<\/p>\n<p>Durante la fase iniziale di progettazione dell\u2019architettura del progetto, la <strong>modalit\u00e0 Plan<\/strong> ti aiuta a delineare i passaggi logici della roadmap, identificando i file da creare, le dipendenze da installare e l\u2019architettura di base.<\/p>\n<p>Nella fase di scrittura del codice vero e proprio, la <strong>modalit\u00e0 Agent<\/strong> si occupa della creazione dei file e della generazione del codice. In questa fase, l\u2019agente diventa autonomo. Il tuo ruolo si trasforma in quello di supervisore: fornisci il feedback necessario per risolvere eventuali blocchi o perfezionare parti specifiche del codice.<\/p>\n<p>La <strong>modalit\u00e0 &#8220;Ask&#8221;<\/strong> torna utile durante la fase di debug. In questa modalit\u00e0, Copilot ti aiuta a chiarire i dubbi, gestisce le eccezioni e documenta il codice.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>La modalit\u00e0 Ask \u00e8 multifunzionale; puoi farvi affidamento in qualsiasi momento del processo di sviluppo per ricevere supporto rapido e risposte alle tue domande.<\/p>\n<\/aside>\n\n<h3>Finestra context<\/h3>\n<p>Il <em>context<\/em>, o contesto, \u00e8 tutto ci\u00f2 che il modello pu\u00f2 vedere mentre elabora una risposta. Include elementi come la cronologia della chat, i file nello spazio di lavoro locale o remoto, le istruzioni di sistema e personalizzate, i risultati degli strumenti e qualsiasi riferimento che aggiungi esplicitamente alla chat.<\/p>\n<p>La qualit\u00e0 delle risposte <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/concepts\/context\" target=\"_blank\" rel=\"noopener noreferrer\">dipende dal contesto<\/a>, quindi \u00e8 fondamentale fornire al modello le informazioni giuste e pertinenti.<\/p>\n<figure id=\"attachment_210648\" aria-describedby=\"caption-attachment-210648\" style=\"width: 2520px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/context-diagram.png\" alt=\"Diagramma della finestra di contesto\" width=\"2520\" height=\"1260\"><figcaption id=\"caption-attachment-210648\" class=\"wp-caption-text\">Diagramma della finestra di contesto (Fonte immagine: <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/concepts\/context\" target=\"_blank\" rel=\"noopener noreferrer\">VisualStudio.com<\/a>)<\/figcaption><\/figure>\n<p>Il modello non ha una memoria illimitata. La <strong>finestra di contesto<\/strong> rappresenta la quantit\u00e0 massima di dati \u2014 misurata in token (porzioni di parole o codice) \u2014 che un LLM pu\u00f2 elaborare e \u201ctenere a mente\u201d contemporaneamente durante un singolo ciclo di richiesta e risposta. In VS Code, puoi vedere quanti token sono disponibili nella tua finestra di contesto cliccando sull\u2019icona nell\u2019angolo in basso a destra, accanto alla finestra di chat.<\/p>\n<figure id=\"attachment_210649\" aria-describedby=\"caption-attachment-210649\" style=\"width: 664px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-contest-window.png\" alt=\"La finestra di contesto di Copilot in VS Code\" width=\"664\" height=\"742\"><figcaption id=\"caption-attachment-210649\" class=\"wp-caption-text\">La finestra di contesto di Copilot in VS Code<\/figcaption><\/figure>\n<p>La finestra di contesto rappresenta la memoria a breve termine del modello. Se si satura, l\u2019agente potrebbe restituire dati errati o incoerenti. Un rischio ancora maggiore \u00e8 <strong>l\u2019inquinamento del contesto<\/strong>, che si verifica quando la finestra di contesto si riempie di informazioni irrilevanti. In entrambi i casi \u2014 sia per saturazione che per inquinamento del contesto \u2014 Copilot pu\u00f2 generare bug, avere allucinazioni o produrre codice non ottimizzato.<\/p>\n<p>Per evitare di passare ore a cercare di ottenere un codice pulito e privo di bug, \u00e8 fondamentale mantenere una rigorosa &#8220;igiene della chat&#8221;. Puoi farlo chiudendo le schede che non ti servono davvero, usando riferimenti espliciti ai file da <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/chat\/copilot-chat-context\" target=\"_blank\" rel=\"noopener noreferrer\">aggiungere al contesto<\/a>, compattando la cronologia della chat con <code>\/compact<\/code>, o semplicemente aprendo una finestra di chat nuova di zecca per ricominciare da zero con un contesto pulito.<\/p>\n<h3>Istruzioni per l\u2019agente<\/h3>\n<p>Le istruzioni per l\u2019agente stabiliscono le <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/customization\/custom-instructions\" target=\"_blank\" rel=\"noopener noreferrer\">regole di comportamento<\/a> che influenzano direttamente il modo in cui l\u2019agente genera il codice e gestisce le varie attivit\u00e0 di sviluppo. Questo ti garantisce di ottenere un codice conforme agli standard della tua azienda, che utilizzi esclusivamente librerie autorizzate o che mantenga completamente al sicuro i dati strategici come le chiavi API.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Per garantire la sicurezza, le informazioni sensibili come le tue chiavi API Kinsta non dovrebbero mai essere scritte direttamente in queste istruzioni o nel codice stesso; invece, chiedi al tuo agente di dichiarare le variabili d\u2019ambiente in un file <code>.env<\/code> e di proteggerle con <code>.gitignore<\/code>.<\/p>\n<\/aside>\n\n<p>Invece di inserire manualmente queste direttive in ogni singolo prompt, puoi specificare le tue istruzioni personalizzate in un file Markdown per assicurarti che le risposte siano sempre in linea con i requisiti dell&#8217;azienda e del progetto. Se hai pi\u00f9 file di istruzioni, VS Code li combina automaticamente e li aggiunge al contesto della chat.<\/p>\n<p>Fornendo istruzioni precise, Copilot non confonder\u00e0 i nomi dei parametri nelle richieste API e non commetter\u00e0 errori durante l\u2019elaborazione delle risposte provenienti da un servizio esterno.<\/p>\n<p>Ma non preoccuparti troppo se ti sembra complicato. GitHub Copilot pu\u00f2 infatti <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/customization\/custom-instructions#_create-an-instructions-file\" target=\"_blank\" rel=\"noopener noreferrer\">generare un file di istruzioni<\/a> al posto tuo. Basta seguire i passaggi descritti nella documentazione ufficiale.<\/p>\n<figure id=\"attachment_210650\" aria-describedby=\"caption-attachment-210650\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-agent-instructions.png\" alt=\"Generare il file di istruzioni per l'Agent in VS Code\" width=\"2028\" height=\"1114\"><figcaption id=\"caption-attachment-210650\" class=\"wp-caption-text\">Generare il file di istruzioni per l&#8217;Agent in VS Code<\/figcaption><\/figure>\n<p>Ora che abbiamo visto le basi, nella prossima sezione impareremo a sviluppare con Vibe Coding un\u2019applicazione per l\u2019automazione del flusso di lavoro di WordPress basata sull\u2019API di Kinsta utilizzando GitHub Copilot in VS Code. \u00c8 ora di rimboccarsi le maniche e mettersi al lavoro.<\/p>\n<h2>Scrivere con metodo Vibe Coding per un flusso di lavoro di automazione WordPress reale<\/h2>\n<p>Proprio come nella programmazione tradizionale, il vibe coding di un progetto avanzato come l\u2019automazione del flusso di lavoro di WordPress comporta una sequenza di fasi logiche durante tutto il ciclo di vita dello sviluppo del software.<\/p>\n<p>Ecco perch\u00e9 abbiamo suddiviso il processo di Vibe Coding di un progetto di automazione del flusso di lavoro di WordPress in una serie di passaggi logici. Esploriamo ogni fase e scopriamo cosa cambia con l\u2019approccio Vibe Coding:<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Definizione delle regole<\/h3>\n<p>In questa fase, devi definire le direttive generali che stabiliscono i limiti entro cui operer\u00e0 l\u2019agente. Ci\u00f2 comporta la creazione di file di contesto che definiscono lo stack tecnologico, le linee guida di sicurezza e i modelli di logging strutturati.<\/p>\n<p>Dopo aver creato una nuova cartella di progetto in VS Code, il primo passo \u00e8 aprire la chat di Copilot e avviare una conversazione con l\u2019agente per definire il progetto di base. In questa fase iniziale, lavorerai principalmente in modalit\u00e0 \u201cAsk\u201d per determinare il linguaggio pi\u00f9 appropriato per il progetto e strutturare una serie di istruzioni per l\u2019agente.<\/p>\n<h4>Scegliere il linguaggio per il progetto<\/h4>\n<p>Se non hai ancora deciso lo stack tecnologico, la tua prima domanda dovrebbe mirare a scoprire quale sia il linguaggio pi\u00f9 adatto al tuo progetto. Per il nostro flusso di lavoro di automazione, abbiamo chiesto a Copilot di elencare i pro e i contro di Node.js rispetto a Python:<\/p>\n<figure id=\"attachment_210873\" aria-describedby=\"caption-attachment-210873\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/ask-questions-copilot.png\" alt=\"Chat Copilot in modalit\u00e0 Ask\" width=\"1000\" height=\"452\"><figcaption id=\"caption-attachment-210873\" class=\"wp-caption-text\">Chiedere a Copilot quale tecnologia si adatta meglio al progetto<\/figcaption><\/figure>\n<p>Copilot ha risposto con un&#8217;analisi dettagliata dei pro e dei contro di entrambi i linguaggi e, alla fine, ha consigliato Node.js:<\/p>\n<figure id=\"attachment_210874\" aria-describedby=\"caption-attachment-210874\" style=\"width: 1394px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-recommendation.png\" alt=\"Consigli di Copilot\" width=\"1394\" height=\"554\"><figcaption id=\"caption-attachment-210874\" class=\"wp-caption-text\">Copilot ha consigliato di usare Node.js per creare un flusso di lavoro automatizzato su WordPress<\/figcaption><\/figure>\n<h4>Istruzioni per l\u2019agente Architect<\/h4>\n<p>Poi abbiamo chiesto a Copilot come strutturare correttamente le istruzioni personalizzate per l\u2019agente, in modo da ridurre al minimo le allucinazioni ed evitare la perdita di contesto:<\/p>\n<figure id=\"attachment_210876\" aria-describedby=\"caption-attachment-210876\" style=\"width: 1404px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/agent-instructions-copilot.png\" alt=\"Chat Copilot in modalit\u00e0 Ask\" width=\"1404\" height=\"304\"><figcaption id=\"caption-attachment-210876\" class=\"wp-caption-text\">Abbiamo chiesto a Copilot qual \u00e8 l\u2019approccio migliore per fornire istruzioni al modello<\/figcaption><\/figure>\n<p>Copilot ci ha consigliato di suddividere le istruzioni per l\u2019agente in pi\u00f9 file. Questo eviterebbe la contaminazione del contesto.<\/p>\n<figure id=\"attachment_210877\" aria-describedby=\"caption-attachment-210877\" style=\"width: 1290px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/hybrid-approach-agent-instructions-copilot.png\" alt=\"Risposta di Copilot\" width=\"1290\" height=\"1144\"><figcaption id=\"caption-attachment-210877\" class=\"wp-caption-text\">Copilot ha consigliato un approccio a pi\u00f9 file per le istruzioni dell\u2019agente<\/figcaption><\/figure>\n<p>Dopo aver compreso bene il consiglio di Copilot, siamo passati a pianificare l\u2019architettura delle istruzioni del nostro agente.<\/p>\n<p>Abbiamo cambiato Copilot dalla modalit\u00e0 <strong>Ask<\/strong> a quella <strong>Plan<\/strong>, chiedendogli di delineare la struttura dei file per il nostro sistema di istruzioni modulare con file separati <code>.md<\/code>:<\/p>\n<figure id=\"attachment_210878\" aria-describedby=\"caption-attachment-210878\" style=\"width: 1402px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/plan-instructions-architecture-copilot.png\" alt=\"Pianificazione dell\u2019architettura delle istruzioni nella chat di Copilot\" width=\"1402\" height=\"542\"><figcaption id=\"caption-attachment-210878\" class=\"wp-caption-text\">Pianificazione dell\u2019architettura delle istruzioni nella chat di Copilot<\/figcaption><\/figure>\n<p>Copilot ha iniziato a delineare i passaggi, fornendo un ragionamento chiaro e ponendo una serie di domande per adattare le regole alla configurazione del nostro progetto.<\/p>\n<figure id=\"attachment_210879\" aria-describedby=\"caption-attachment-210879\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/interaction-with-copilot.png\" alt=\"Interazione con Copilot\" width=\"1398\" height=\"428\"><figcaption id=\"caption-attachment-210879\" class=\"wp-caption-text\">Consultare la documentazione dell\u2019API di Kinsta nella chat di Copilot<\/figcaption><\/figure>\n<p>Abbiamo fornito a Copilot i seguenti link:<\/p>\n<pre><code>https:\/\/api-docs.kinsta.com\/api-reference\/wordpress-sites\/get-list-of-company-sites\nhttps:\/\/api-docs.kinsta.com\/api-reference\/wordpress-sites\/get-site-by-id\nhttps:\/\/api-docs.kinsta.com\/api-reference\/wordpress-sites\/clone-existing-site<\/code><\/pre>\n<p>Copilot ha suddiviso le fasi di esecuzione, ha spiegato le ragioni tecniche alla base delle sue scelte e ci ha chiesto se fossimo pronti ad applicare le modifiche.<\/p>\n<p>Approvando il piano proposto, la modalit\u00e0 di Copilot passa automaticamente da Plan a Agent. L\u2019agente AI lavora quindi direttamente sul file system locale per creare i file con le istruzioni per l\u2019agente.<\/p>\n<p>L\u2019immagine qui sotto mostra un\u2019anteprima del file <code>copilot-instructions.md<\/code>:<\/p>\n<figure id=\"attachment_210880\" aria-describedby=\"caption-attachment-210880\" style=\"width: 1754px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-instructions.png\" alt=\"Un\u2019anteprima del file copilot-instructions.md\" width=\"1754\" height=\"1374\"><figcaption id=\"caption-attachment-210880\" class=\"wp-caption-text\">Un\u2019anteprima del file copilot-instructions.md<\/figcaption><\/figure>\n<h3>Sviluppo iterativo<\/h3>\n<p>Questa \u00e8 la fase di creazione del codice. L\u2019agente AI genera i file di progetto e gli script, mentre chi sviluppa funge da architetto e direttore del processo. In altre parole, durante questa fase, chiederai a Copilot di creare la struttura e il codice dell\u2019applicazione, fornirai gli input e i feedback necessari, valuterai le opzioni disponibili e prenderai decisioni strategiche.<\/p>\n<p>Il passo successivo nel nostro progetto di automazione del flusso di lavoro di WordPress \u00e8 inizializzare il progetto Node.js e definire la struttura dei file. Siamo tornati alla modalit\u00e0<strong> Plan<\/strong>\u00a0e abbiamo chiesto a Copilot di pianificare i passi successivi:<\/p>\n<figure id=\"attachment_210902\" aria-describedby=\"caption-attachment-210902\" style=\"width: 1388px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/planning-initialization-copilot.png\" alt=\"Pianificazione dell\u2019inizializzazione del progetto\" width=\"1388\" height=\"540\"><figcaption id=\"caption-attachment-210902\" class=\"wp-caption-text\">Pianificazione dell\u2019inizializzazione del progetto<\/figcaption><\/figure>\n<p>Copilot ha prodotto un piano dettagliato, insieme a informazioni aggiuntive sui file rilevanti, sui controlli da eseguire e sulle decisioni da prendere. Dopo aver esaminato attentamente la risposta, abbiamo avviato l\u2019implementazione.<\/p>\n<figure id=\"attachment_210903\" aria-describedby=\"caption-attachment-210903\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/initialization-steps-copilot.png\" alt=\"Passaggi di inizializzazione nella chat di Copilot\" width=\"1358\" height=\"842\"><figcaption id=\"caption-attachment-210903\" class=\"wp-caption-text\">Passaggi di inizializzazione nella chat di Copilot<\/figcaption><\/figure>\n<p>Se ti sembra ci sia un po\u2019 troppo da fare, non preoccuparti troppo. Chiederai a Copilot di eseguire tutte le operazioni necessarie al posto tuo.<\/p>\n<p>Durante la generazione dei file, Copilot probabilmente ti chieder\u00e0 un feedback su punti che necessitano di chiarimenti o il tuo permesso prima di procedere con operazioni specifiche. Esamina le richieste e procedi di conseguenza.<\/p>\n<figure id=\"attachment_210904\" aria-describedby=\"caption-attachment-210904\" style=\"width: 1386px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/give-permission-copilot.png\" alt=\"Richiesta di autorizzazione di Copilot\" width=\"1386\" height=\"456\"><figcaption id=\"caption-attachment-210904\" class=\"wp-caption-text\">Richiesta di autorizzazione di Copilot<\/figcaption><\/figure>\n<p>Una volta completata un\u2019operazione, Copilot ti dir\u00e0 cosa fare dopo:<\/p>\n<figure id=\"attachment_210905\" aria-describedby=\"caption-attachment-210905\" style=\"width: 1050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-next-steps.png\" alt=\"Copilot elenca i passaggi successivi\" width=\"1050\" height=\"228\"><figcaption id=\"caption-attachment-210905\" class=\"wp-caption-text\">Copilot elenca i passaggi successivi<\/figcaption><\/figure>\n<p>La conversazione prosegue con domande e risposte finch\u00e9 Copilot non avr\u00e0 creato tutti i file e il codice per la tua app. Nel prompt seguente, abbiamo chiesto a Copilot in modalit\u00e0<strong>\u00a0Plan<\/strong> di generare un modello per il file <code>.env<\/code> e di impostare i controlli di sicurezza appropriati (fail-fast).<\/p>\n<figure id=\"attachment_210906\" aria-describedby=\"caption-attachment-210906\" style=\"width: 1056px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/plan-env-copilot.png\" alt=\"Creazione di un modello di configurazione .env\" width=\"1056\" height=\"646\"><figcaption id=\"caption-attachment-210906\" class=\"wp-caption-text\">Creazione di un modello di configurazione .env<\/figcaption><\/figure>\n<p>L\u2019immagine seguente mostra il file <code>.env.example<\/code> generato da Copilot:<\/p>\n<figure id=\"attachment_210907\" aria-describedby=\"caption-attachment-210907\" style=\"width: 1208px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/env-example.png\" alt=\"Il file .env.example fornito da Copilot\" width=\"1208\" height=\"662\"><figcaption id=\"caption-attachment-210907\" class=\"wp-caption-text\">Il file .env.example fornito da Copilot<\/figcaption><\/figure>\n<p>Abbiamo poi chiesto di generare un file <code>index.js<\/code> che racchiudesse tutta la logica dell\u2019app. Per un\u2019applicazione pi\u00f9 avanzata, sarebbe stato meglio suddividere lo script in pi\u00f9 file; per questa applicazione, invece, abbiamo preferito tenere tutta la logica in un unico script.<\/p>\n<figure id=\"attachment_210908\" aria-describedby=\"caption-attachment-210908\" style=\"width: 970px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/index-js-prompt-copilot.png\" alt=\"Chiedere a Copilot di creare un file index.js\" width=\"970\" height=\"356\"><figcaption id=\"caption-attachment-210908\" class=\"wp-caption-text\">Chiedere a Copilot di creare un file index.js<\/figcaption><\/figure>\n<p>\u00c8 ora di eseguire il nostro script. Prima di iniziare la clonazione del sito, abbiamo creato un file <code>.env<\/code> basato su <code>.env.example<\/code> e abbiamo sostituito i segnaposto con i valori effettivi per <code>KINSTA_API_KEY<\/code>, <code>KINSTA_COMPANY_ID<\/code> e <code>SOURCE_ENVIRONMENT_ID<\/code>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Quando lavori con dati sensibili, come le tue chiavi API, dovresti sempre ricontrollare che la riga <code>.env<\/code> sia presente nel file <code>.gitignore<\/code> del tuo progetto.<\/p>\n<\/aside>\n\n<p>Una volta finito con lo script e le variabili d\u2019ambiente, apri il terminale di VS Code e digita <code>npm start<\/code>.<\/p>\n<p>Se tutto funziona come previsto, vedrai apparire un nuovo sito con un nome generico in MyKinsta. Se il prompt genera un errore, basta copiare l\u2019errore dal terminale e incollarlo nella chat di Copilot, cos\u00ec l\u2019agente potr\u00e0 valutarlo, identificarne la causa e proporre le soluzioni appropriate. Potrebbe chiederti ulteriori feedback.<\/p>\n<p>A questo punto, potresti voler aggiungere miglioramenti o nuove funzionalit\u00e0 alla tua app. Nel nostro caso, il nome generico del sito generato dallo script non era l\u2019ideale. Quindi, siamo passati alla seconda iterazione.<\/p>\n<h3>Messa a punto dell&#8217;applicazione<\/h3>\n<p>Dopo aver raggiunto il nostro primo traguardo \u2013 clonare automaticamente un sito WordPress ospitato su Kinsta \u2013 abbiamo chiesto a Copilot di aggiungere una funzionalit\u00e0 che permettesse agli utenti di specificare un nome personalizzato per il sito al momento dell\u2019esecuzione.<\/p>\n<p>L\u2019endpoint <code>\/sites\/clone<\/code> dell\u2019API di Kinsta richiede 3 parametri: <code>company<\/code>, <code>source_env_id<\/code> e <code>display_name<\/code>. Mentre i primi due parametri sono fissati come variabili d\u2019ambiente nel nostro file <code>.env<\/code>, il parametro <code>display_name<\/code> viene generato automaticamente dallo script.<\/p>\n<figure id=\"attachment_210927\" aria-describedby=\"caption-attachment-210927\" style=\"width: 1510px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/clone-parameters-kinsta-api.png\" alt=\"Kinsta API playground\" width=\"1510\" height=\"1062\"><figcaption id=\"caption-attachment-210927\" class=\"wp-caption-text\">Testare una richiesta di clonazione del sito all\u2019interno del playground API di Kinsta<\/figcaption><\/figure>\n<p>Fornire agli utenti dell\u2019applicazione una variabile d\u2019ambiente di ripiego avrebbe garantito loro maggiore flessibilit\u00e0, consentendo comunque di passare un parametro aggiuntivo direttamente tramite il comando <code>npm run<\/code>.<\/p>\n<p>Abbiamo passato questa richiesta a Copilot. L\u2019agente ha implementato le modifiche richieste, modificando sia <code>index.js<\/code> che <code>.env<\/code>, e ha fornito la seguente risposta:<\/p>\n<figure id=\"attachment_210928\" aria-describedby=\"caption-attachment-210928\" style=\"width: 954px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/commands-to-use-copilot.png\" alt=\"Elenco dei comandi nella chat di Copilot\" width=\"954\" height=\"430\"><figcaption id=\"caption-attachment-210928\" class=\"wp-caption-text\">Copilot fornisce un elenco dei comandi disponibili per clonare un sito web<\/figcaption><\/figure>\n<p>Infine, abbiamo testato la nostra applicazione in diverse condizioni seguendo le istruzioni di Copilot:<\/p>\n<ul>\n<li>Abbiamo eseguito <code>npm run<\/code> senza parametri.<\/li>\n<li>Abbiamo impostato un valore predefinito per la costante <code>SITE_NAME<\/code> nel file <code>.env<\/code> e abbiamo eseguito nuovamente <code>npm run<\/code>.<\/li>\n<li>Abbiamo aggiunto manualmente il parametro <code>SITE_NAME=your-site-name<\/code> al comando <code>npm run<\/code>.<\/li>\n<li>Abbiamo eseguito lo script utilizzando entrambe le sintassi: <code>npm start -- --site-name your-site-name<\/code> e <code>npm start -- --site-name=your-site-name<\/code>.<\/li>\n<\/ul>\n<figure id=\"attachment_210929\" aria-describedby=\"caption-attachment-210929\" style=\"width: 2070px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/cloning-website-mykinsta.png\" alt=\"Clonare un sito WordPress in MyKinsta\" width=\"2070\" height=\"998\"><figcaption id=\"caption-attachment-210929\" class=\"wp-caption-text\">Clonare un sito WordPress in MyKinsta<\/figcaption><\/figure>\n<p>Spinti da questo ciclo di miglioramento continuo, abbiamo anche integrato una funzione per normalizzare l\u2019input manuale in un nome visualizzato leggibile, pur continuando ad accettare senza problemi valori in stile slug come <code>my-awesome-wordpress-website<\/code>.<\/p>\n<p>Di conseguenza, sono supportati entrambi i seguenti comandi:<\/p>\n<pre><code>npm start -- --site-name=\"My Awesome WordPress Website\"\nnpm start -- --site-name=my-awesome-wordpress-website<\/code><\/pre>\n<p>Se ci hai seguito fin qui, complimenti, hai appena creato la tua primissima app di automazione dei flussi di lavoro con il vibe-coding. Ora controlla i plugin, i temi e il rendering frontend. Se ti vengono in mente altre funzionalit\u00e0 per migliorare il tuo script, continua semplicemente a svilupparlo seguendo l\u2019approccio iterativo descritto sopra.<\/p>\n<h3>Controlli di sicurezza &#8220;fail-fast&#8221;<\/h3>\n<p>Per un\u2019app critica che utilizza dati sensibili, come le tue chiavi API, \u00e8 fondamentale che lo script esegua controlli rigorosi nei punti chiave dell\u2019esecuzione e, in caso di errore, restituisca messaggi chiari sul tipo di errore e interrompa immediatamente l\u2019esecuzione (vedi il <a href=\"#iterative-development\">prompt qui sopra<\/a>).<\/p>\n<p>GitHub Copilot ha implementato il &#8220;fail-fast&#8221; a tre livelli critici:<\/p>\n<p><strong>Convalida dell\u2019ambiente:<\/strong> a questo livello, lo script verifica che le variabili d\u2019ambiente esistano prima di effettuare qualsiasi chiamata API o eseguire qualsiasi attivit\u00e0. L\u2019immagine seguente mostra la spiegazione di Copilot su questo controllo nella chat:<\/p>\n<figure id=\"attachment_211003\" aria-describedby=\"caption-attachment-211003\" style=\"width: 1394px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/environment-validation-copilot.png\" alt=\"Convalida dell\u2019ambiente\" width=\"1394\" height=\"700\"><figcaption id=\"caption-attachment-211003\" class=\"wp-caption-text\">Convalida dell\u2019ambiente<\/figcaption><\/figure>\n<p>Ovviamente, il tuo codice potrebbe essere diverso da quello mostrato nell\u2019immagine, ma qui ci\u00f2 che conta \u00e8 l\u2019approccio.<\/p>\n<p><strong>Convalida della risposta API.<\/strong>\u00a0Subito dopo l\u2019avvio della clonazione, lo script verifica immediatamente l\u2019esistenza di un ID operazione. Se lo script riceve un ID non valido, interrompe immediatamente l\u2019esecuzione, evitando di effettuare il polling per mezz\u2019ora. Di seguito trovi la spiegazione fornita da Copilot:<\/p>\n<figure id=\"attachment_211004\" aria-describedby=\"caption-attachment-211004\" style=\"width: 1388px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/api-response-validation.png\" alt=\"Convalida della risposta API\" width=\"1388\" height=\"426\"><figcaption id=\"caption-attachment-211004\" class=\"wp-caption-text\">Convalida della risposta API<\/figcaption><\/figure>\n<p><strong>Propagazione graduale degli errori. <\/strong>Qualsiasi errore in qualsiasi punto della catena (convalida, API, polling) viene segnalato, registrato nei log e interrompe in modo pulito l\u2019esecuzione dello script.<\/p>\n<figure id=\"attachment_211005\" aria-describedby=\"caption-attachment-211005\" style=\"width: 1392px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/graceful-error-propagation.png\" alt=\"Propagazione graduale degli errori\" width=\"1392\" height=\"488\"><figcaption id=\"caption-attachment-211005\" class=\"wp-caption-text\">Propagazione graduale degli errori<\/figcaption><\/figure>\n<p>L\u2019approccio \u201cfail-fast\u201d offre diversi vantaggi, tra cui:<\/p>\n<ul>\n<li>Nessuna chiamata API sprecata<\/li>\n<li>Messaggi di errore chiari<\/li>\n<li>Capisci subito cosa non va<\/li>\n<\/ul>\n<p>Per le agenzie WordPress che potrebbero dover scalare un\u2019app come questa e clonare decine di siti in blocco, questo approccio permette di rilevare immediatamente gli errori dello script a qualsiasi livello, impedendo che si trasformino in una cascata di operazioni fallite.<\/p>\n<p>Tuttavia, se la tua applicazione \u00e8 pensata per essere scalabile, ti conviene implementare un sistema di test unitari.<\/p>\n<h3>Test unitari con Jest<\/h3>\n<p>Durante la fase di sviluppo, Copilot ha eseguito in modo autonomo diversi test locali, tra cui:<\/p>\n<ul>\n<li><code>npm run check<\/code> \u2014 eseguiti dopo ogni modifica, per individuare errori di sintassi.<\/li>\n<li><code>npm start<\/code> \u2014 eseguiti pi\u00f9 volte per osservare le risposte delle API e identificare i bug.<\/li>\n<li><code>npm start 2&gt;&1 | head -30<\/code> \u2014 eseguiti per acquisire e leggere in tempo reale l\u2019output strutturato dei log.<\/li>\n<\/ul>\n<p>Sebbene questi test abbiano aiutato Copilot a individuare parecchi bug, sono piuttosto semplici e funzionano davvero solo per un\u2019app semplice. Inoltre, presentano un grosso svantaggio: ogni volta che esegui <code>npm start<\/code>, attivi un clone del sito. Questo pu\u00f2 farti raggiungere rapidamente il limite di capacit\u00e0 del tuo piano, come puoi vedere nell\u2019immagine qui sotto:<\/p>\n<figure id=\"attachment_211006\" aria-describedby=\"caption-attachment-211006\" style=\"width: 1214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/max-install-count-error.png\" alt=\"Messaggio di errore relativo al numero massimo di installazioni\" width=\"1214\" height=\"948\"><figcaption id=\"caption-attachment-211006\" class=\"wp-caption-text\">Hai raggiunto il numero massimo di installazioni<\/figcaption><\/figure>\n<p>Inoltre, questi test non possono essere eseguiti in una pipeline CI\/CD senza esporre le tue credenziali.<\/p>\n<p>Per scalare davvero la tua applicazione, \u00e8 fondamentale adottare un solido framework di test unitari come <a href=\"https:\/\/jestjs.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jest<\/a>.<\/p>\n<p>Invece di inviare ogni volta richieste reali ai server di Kinsta, Jest ti permette di intercettare e simulare le risposte API (mocking). Questo ti consente di testare il comportamento del tuo software in totale isolamento.<\/p>\n<p>Inoltre, dato che le chiamate API sono simulate, Jest ti permette di eseguire l\u2019intera suite di test all\u2019interno di pipeline di automazione come GitHub Actions senza dover toccare le tue credenziali di produzione.<\/p>\n<p>Per rendere Jest operativo nel tuo progetto di automazione, puoi chiedere a Copilot le istruzioni passo passo oppure lasciare che sia lui a occuparsi del lavoro pi\u00f9 impegnativo al posto tuo.<\/p>\n<figure id=\"attachment_211007\" aria-describedby=\"caption-attachment-211007\" style=\"width: 1454px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/how-to-implement-jest-copilot.png\" alt=\"Copilot spiega come implementare Jest nel tuo progetto\" width=\"1454\" height=\"1114\"><figcaption id=\"caption-attachment-211007\" class=\"wp-caption-text\">Copilot spiega come implementare Jest nel tuo progetto<\/figcaption><\/figure>\n<figure id=\"attachment_211008\" aria-describedby=\"caption-attachment-211008\" style=\"width: 1434px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/install-jest-copilot.png\" alt=\"Installare Jest con Copilot\" width=\"1434\" height=\"682\"><figcaption id=\"caption-attachment-211008\" class=\"wp-caption-text\">Installare Jest con Copilot<\/figcaption><\/figure>\n<p>Una volta configurato Jest, puoi eseguire tutti i tuoi test in una volta sola con <code>npm test<\/code>. Puoi anche scegliere un file specifico o eseguire i test in modalit\u00e0 Watch:<\/p>\n<figure id=\"attachment_211009\" aria-describedby=\"caption-attachment-211009\" style=\"width: 1446px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/example-tests.png\" alt=\"Esempi di test forniti da Copilot\" width=\"1446\" height=\"720\"><figcaption id=\"caption-attachment-211009\" class=\"wp-caption-text\">Esempi di test forniti da Copilot<\/figcaption><\/figure>\n<p>Vale anche la pena notare che Copilot include comandi di chat integrati che ti aiutano con i test unitari con Jest:<\/p>\n<ul>\n<li><code>\/tests<\/code> genera un file di test per il file attualmente aperto. Quando digiti <code>\/tests<\/code> nella chat, Copilot generer\u00e0 dei test Jest per le funzioni che trova in quel file.<\/li>\n<li><code>@workspace \/tests<\/code> fa la stessa cosa del comando precedente, ma considerando l\u2019intero contesto del progetto.<\/li>\n<\/ul>\n<p>Mentre chatti con Copilot in modalit\u00e0<strong>\u00a0Ask<\/strong>, riceverai suggerimenti e consigli per guidarti nei tuoi test unitari:<\/p>\n<figure id=\"attachment_211010\" aria-describedby=\"caption-attachment-211010\" style=\"width: 1254px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/test-recommendation-copilot.png\" alt=\"Il test consigliato da Copilot\" width=\"1254\" height=\"382\"><figcaption id=\"caption-attachment-211010\" class=\"wp-caption-text\">Il test consigliato da Copilot<\/figcaption><\/figure>\n<p>Apri una nuova chat per questo test e assicurati che sia impostata su <code>Agent mode<\/code>. Poi, incolla il comando fornito in precedenza da Copilot direttamente nella chat:<\/p>\n<pre><code>@workspace \/tests for pollUntilComplete and KinstaClient using fetch mocks<\/code><\/pre>\n<p>Premi Invio e vedrai il ragionamento di Copilot e le operazioni passo dopo passo visualizzarsi nella chat. Ti chieder\u00e0 di confermare l\u2019esecuzione del comando ogni volta che esegue un test, fino a quando ogni singolo errore non sar\u00e0 risolto.<\/p>\n<figure id=\"attachment_211011\" aria-describedby=\"caption-attachment-211011\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/copilot-running-tests.png\" alt=\"Esecuzione dei test in Copilot\" width=\"1266\" height=\"968\"><figcaption id=\"caption-attachment-211011\" class=\"wp-caption-text\">Esecuzione dei test in Copilot<\/figcaption><\/figure>\n<h3>Documentazione e distribuzione<\/h3>\n<p>Un codice ben documentato \u00e8 fondamentale per la manutenibilit\u00e0 del codice stesso. Ecco perch\u00e9 abbiamo chiesto a Copilot di generare un file <code>README.md<\/code> nella directory principale del progetto. Gli abbiamo chiesto di descrivere l\u2019app, specificare i requisiti, spiegare come configurare il file <code>.env<\/code>, illustrare i diversi modi per avviare l\u2019applicazione e mostrare come eseguire i test.<\/p>\n<p>Abbiamo avviato una nuova chat in <strong>modalit\u00e0 Ask<\/strong>, aggiunto i file <code>index.js<\/code> e <code>package.json<\/code> al contesto (vedi <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/chat\/copilot-chat-context#_hashmentions\" target=\"_blank\" rel=\"noopener noreferrer\">la scorciatoia<\/a> di Copilot <a href=\"https:\/\/code.visualstudio.com\/docs\/copilot\/chat\/copilot-chat-context#_hashmentions\" target=\"_blank\" rel=\"noopener noreferrer\"><code>#filename<\/code> <\/a>) e abbiamo fornito a Copilot il seguente prompt:<\/p>\n<figure id=\"attachment_211098\" aria-describedby=\"caption-attachment-211098\" style=\"width: 1732px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/readme-prompt-copilot.png\" alt=\"chat Copilot\" width=\"1732\" height=\"1246\"><figcaption id=\"caption-attachment-211098\" class=\"wp-caption-text\">Abbiamo chiesto a Copilot di creare un file README.md in modalit\u00e0 Ask<\/figcaption><\/figure>\n<p>Copilot ci ha fornito un&#8217;anteprima del file <code>README.md<\/code>. L\u2019abbiamo esaminato attentamente e siamo passati alla modalit\u00e0<strong> Agent<\/strong>\u00a0per creare il file.<\/p>\n<figure id=\"attachment_211099\" aria-describedby=\"caption-attachment-211099\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/readme-file.png\" alt=\"Il file README.md generato da Copilot in VS Code\" width=\"1748\" height=\"1416\"><figcaption id=\"caption-attachment-211099\" class=\"wp-caption-text\">Il file README.md generato da Copilot in VS Code<\/figcaption><\/figure>\n<p>Il passo successivo \u00e8 stato documentare il codice stesso. Con il file <code>index.js<\/code> aperto, abbiamo selezionato l\u2019intero codice per aggiungerlo al contesto della chat e abbiamo inviato il seguente prompt in modalit\u00e0<strong> Ask<\/strong>:<\/p>\n<figure id=\"attachment_211100\" aria-describedby=\"caption-attachment-211100\" style=\"width: 1732px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/inline-doc-copilot.png\" alt=\"Un prompt dettagliato per creare documentazione inline\" width=\"1732\" height=\"792\"><figcaption id=\"caption-attachment-211100\" class=\"wp-caption-text\">Un prompt dettagliato per creare documentazione inline<\/figcaption><\/figure>\n<p>Copilot ha aggiornato il file <code>index.js<\/code> con la documentazione inline senza toccare il codice.<\/p>\n<figure id=\"attachment_211101\" aria-describedby=\"caption-attachment-211101\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/jsdoc-block.png\" alt=\"Il blocco JSDoc per la funzione pollUntilComplete\" width=\"1702\" height=\"708\"><figcaption id=\"caption-attachment-211101\" class=\"wp-caption-text\">Il blocco JSDoc per la funzione pollUntilComplete<\/figcaption><\/figure>\n<p>Anche in questo caso, dato che eravamo in modalit\u00e0<strong>\u00a0Ask<\/strong>, Copilot non aveva il permesso di modificare i nostri file. Quindi, siamo passati alla modalit\u00e0<strong>\u00a0Agent<\/strong> e abbiamo chiesto a Copilot di aggiornare il file <code>index.js<\/code> con le modifiche proposte.<\/p>\n<p>L\u2019ultimo passo \u00e8 distribuire l\u2019applicazione. Ci sono due opzioni principali:<\/p>\n<ul>\n<li>Mantenere l\u2019applicazione su un computer locale. Questa soluzione \u00e8 ideale quando decidi di avviare la creazione del sito manualmente, ad esempio subito dopo che un nuovo cliente ha firmato un contratto.<\/li>\n<li>Integrare lo script in una <a href=\"https:\/\/kinsta.com\/it\/blog\/come-creare-una-pipeline-ci-cd\/\">pipeline CI\/CD<\/a> inviando il codice a un repository GitHub. La creazione del sito pu\u00f2 quindi essere avviata manualmente o automaticamente in risposta a un evento specifico. Questa soluzione \u00e8 perfetta se stai lavorando con flussi di lavoro pi\u00f9 strutturati e scalabili.<\/li>\n<\/ul>\n<p>Se scegli la configurazione con il computer locale o con l&#8217;utility server, sei a posto. Se invece opti per la pipeline CI\/CD pi\u00f9 strutturata, puoi farti aiutare da Copilot a scrivere il prompt perfetto.<\/p>\n<figure id=\"attachment_211102\" aria-describedby=\"caption-attachment-211102\" style=\"width: 1854px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/05\/deploy-prompt-copilot.png\" alt=\"Prompt di distribuzione generato da Copilot\" width=\"1854\" height=\"1090\"><figcaption id=\"caption-attachment-211102\" class=\"wp-caption-text\">Prompt di distribuzione generato da Copilot<\/figcaption><\/figure>\n<p>La nostra applicazione \u00e8 completa. Ora, integrare un nuovo progetto WordPress \u00e8 semplicissimo: basta eseguire il seguente comando:<\/p>\n<pre><code>npm start -- --site-name=\"My Awesome WordPress Website\"<\/code><\/pre>\n<h2>Vibe Coding e automazione: il futuro delle agenzie WordPress all\u2019avanguardia<\/h2>\n<p>Vibe Coding non \u00e8 solo un approccio semplicistico alla scrittura del codice. \u00c8 invece una nuova metodologia di sviluppo che ridefinisce completamente il ruolo del developer: non pi\u00f9 un programmatore nel senso tradizionale del termine, ma il direttore di un processo iterativo che spazia dall\u2019esplorazione alla pianificazione, dalla codifica al miglioramento, dai test al debug, dalla documentazione alla distribuzione.<\/p>\n<p>Se questo \u00e8 il futuro dello sviluppo software e della scalabilit\u00e0 delle agenzie, allora collaborare con una piattaforma di hosting all\u2019avanguardia \u00e8 fondamentale per rimanere competitivi nell\u2019era dell\u2019AI. Sfruttando la potenza dell\u2019API di Kinsta e coordinando gli agenti AI con regole chiare, test rigorosi e una solida documentazione, la tua agenzia smetter\u00e0 <a href=\"https:\/\/kinsta.com\/it\/blog\/ridurre-manutenzione-e-abbandono-clienti\/\">di correre continuamente ai ripari<\/a> e\u00a0inizier\u00e0 a lavorare in modo pi\u00f9 efficiente, prevedibile e scalabile.<\/p>\n<p>Che ne dici di far evolvere i workflow WordPress e a ridurre drasticamente i tempi di sviluppo? Dai un\u2019occhiata <a href=\"https:\/\/kinsta.com\/it\/prezzi\/\">ai nostri piani<\/a> o <a href=\"https:\/\/kinsta.com\/it\/contatta-il-servizio-vendite\/\">contatta il nostro team commerciale<\/a> e inizia oggi stesso a costruire la tua pipeline di automazione.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La chiave per ottenere un vantaggio competitivo per le moderne agenzie WordPress non sta pi\u00f9 solo nello scrivere codice di alta qualit\u00e0. Le agenzie orientate alla &#8230;<\/p>\n","protected":false},"author":36,"featured_media":84545,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26284,26232],"class_list":["post-84544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-agenzie","topic-api"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vibe coding di flussi di lavoro WordPress reali con l&#039;API di Kinsta<\/title>\n<meta name=\"description\" content=\"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l&#039;API di Kinsta.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vibe coding di flussi di lavoro WordPress reali con l&#039;API di Kinsta\" \/>\n<meta property=\"og:description\" content=\"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l&#039;API di Kinsta.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-06T10:59:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-06T11:52:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l&#039;API di Kinsta.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"34 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Vibe coding di flussi di lavoro WordPress reali con l&#8217;API di Kinsta\",\"datePublished\":\"2026-07-06T10:59:08+00:00\",\"dateModified\":\"2026-07-06T11:52:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/\"},\"wordCount\":4858,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png\",\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/\",\"name\":\"Vibe coding di flussi di lavoro WordPress reali con l'API di Kinsta\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png\",\"datePublished\":\"2026-07-06T10:59:08+00:00\",\"dateModified\":\"2026-07-06T11:52:23+00:00\",\"description\":\"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l'API di Kinsta.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Agenzie\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/agenzie\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Vibe coding di flussi di lavoro WordPress reali con l&#8217;API di Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vibe coding di flussi di lavoro WordPress reali con l'API di Kinsta","description":"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l'API di Kinsta.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"Vibe coding di flussi di lavoro WordPress reali con l'API di Kinsta","og_description":"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l'API di Kinsta.","og_url":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2026-07-06T10:59:08+00:00","article_modified_time":"2026-07-06T11:52:23+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l'API di Kinsta.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"34 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Vibe coding di flussi di lavoro WordPress reali con l&#8217;API di Kinsta","datePublished":"2026-07-06T10:59:08+00:00","dateModified":"2026-07-06T11:52:23+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/"},"wordCount":4858,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/","url":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/","name":"Vibe coding di flussi di lavoro WordPress reali con l'API di Kinsta","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png","datePublished":"2026-07-06T10:59:08+00:00","dateModified":"2026-07-06T11:52:23+00:00","description":"Flussi di lavoro con vibe coding per WordPress: scopri come utilizzare GitHub Copilot per automatizzare la creazione di siti WordPress con l'API di Kinsta.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2026\/07\/vibe-coding-real-wordpress-workflows-using-the-kinsta-api.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/vibe-coding-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Agenzie","item":"https:\/\/kinsta.com\/it\/argomenti\/agenzie\/"},{"@type":"ListItem","position":3,"name":"Vibe coding di flussi di lavoro WordPress reali con l&#8217;API di Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/84544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=84544"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/84544\/revisions"}],"predecessor-version":[{"id":84550,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/84544\/revisions\/84550"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/84544\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/84545"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=84544"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=84544"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=84544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}