{"id":65839,"date":"2023-02-23T12:15:17","date_gmt":"2023-02-23T11:15:17","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=65839&#038;preview=true&#038;preview_id=65839"},"modified":"2025-09-01T16:41:58","modified_gmt":"2025-09-01T15:41:58","slug":"docusaurus","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/","title":{"rendered":"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)"},"content":{"rendered":"<p>Per siti web leggeri, applicazioni e altri piccoli progetti, sempre pi\u00f9 sviluppatori si rivolgono ai <a href=\"https:\/\/kinsta.com\/blog\/wordpress-vs-static-html\/\">generatori di siti statici piuttosto che a WordPress<\/a> o ad <a href=\"https:\/\/kinsta.com\/it\/blog\/software-cms\/\">altri sistemi di gestione dei contenuti (CMS)<\/a>. I siti statici offrono un modo semplice ed efficace per creare siti web e applicazioni veloci, sicuri e facili da mantenere.<\/p>\n<p>Docusaurus \u00e8 uno di questi generatori di siti statici e sta rapidamente guadagnando popolarit\u00e0 nella comunit\u00e0 degli sviluppatori.<br \/>\n<\/p>\n<p>In questo articolo, faremo un&#8217;immersione profonda nei vantaggi dell&#8217;uso di Docusaurus come generatore di siti statici e perch\u00e9 \u00e8 uno dei preferiti da chi lavora nello sviluppo.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Cos&#8217;\u00c8 Docusaurus?<\/h2>\n<p>Docusaurus \u00e8 un popolare <a href=\"https:\/\/kinsta.com\/it\/blog\/generatori-di-siti-statici\/\">generatore di siti statici<\/a> che usa <a href=\"https:\/\/kinsta.com\/it\/blog\/react-js\/\">React<\/a>, una delle <a href=\"https:\/\/kinsta.com\/it\/blog\/librerie-javascript\/\">principali librerie JavaScript<\/a>, come libreria UI per la creazione delle pagine. Come altri generatori di questo tipo, \u00e8 facile da configurare e da modificare e, soprattutto, vi fornisce tutto ci\u00f2 di cui avete bisogno per creare un fantastico sito web statico.<\/p>\n<p>Ci\u00f2 che distingue Docusaurus, tuttavia, \u00e8 che vi aiuta a creare e gestire un sito web in cui <em><a href=\"https:\/\/kinsta.com\/it\/argomenti\/strategia-di-contenuti\/\">i contenuti giocano un ruolo fondamentale<\/a><\/em>. Vi permette di creare in modo semplice e veloce un sito web completo, con tanto di blog, che mette in risalto i vostri contenuti fin dall&#8217;inizio.<\/p>\n<p>Poich\u00e9 i contenuti sono al centro della scena, Docusaurus \u00e8 perfetto per creare siti di documentazione come i <a href=\"https:\/\/kinsta.com\/it\/blog\/wiki-wordpress\/\">wiki<\/a>. Utilizza anche il <a href=\"https:\/\/kinsta.com\/it\/blog\/editor-di-markdown\/\">markdown<\/a>, ideale sia per la collaborazione che per l&#8217;archiviazione in un repository git. Inoltre, ha un sacco di funzioni incredibili come l&#8217;i18n, la ricerca e i temi personalizzati, di cui parleremo in dettaglio pi\u00f9 avanti.<\/p>\n<p>Ecco solo alcune delle caratteristiche che rendono Docusaurus una valida opzione:<\/p>\n<ul>\n<li>Costruito con React.<\/li>\n<li>Supporto per MDX v1.<\/li>\n<li>Supporto per l&#8217;incorporazione di componenti React tramite Markdown.<\/li>\n<li>Versionamento dei documenti.<\/li>\n<li>Compatibilit\u00e0 con Git, Crowdin e altri gestori di traduzione per la traduzione dei documenti e la distribuzione in blocco o individuale<\/li>\n<\/ul>\n<h3>Chi Usa Docusaurus?<\/h3>\n<p>Docusaurus \u00e8 stato creato da Facebook, quindi non c&#8217;\u00e8 da sorprendersi se attualmente viene utilizzato da molti grandi marchi e aziende del web.<\/p>\n<p>Ecco solo alcuni dei pi\u00f9 grandi marchi che usano Docusaurus oggi (e altri ne arriveranno presto, dato che la popolarit\u00e0 di Docusaurus continua a crescere):<\/p>\n<ul>\n<li><a href=\"https:\/\/docsearch.algolia.com\/\">Algolia DocSearch<\/a><\/li>\n<li><a href=\"https:\/\/jestjs.io\/\">Jest<\/a><\/li>\n<li><a href=\"https:\/\/reactnative.dev\/\">React Native<\/a><\/li>\n<li><a href=\"https:\/\/supabase.com\/docs\">Supabase<\/a><\/li>\n<\/ul>\n<p>E ogni giorno se ne aggiungono altri.<\/p>\n<h2>Come Installare Docusaurus<\/h2>\n<p>Docusaurus \u00e8 molto semplice da installare e richiede solo pochi minuti. In questo tutorial realizzeremo un sito di documentazione con un blog e personalizzeremo l&#8217;aspetto del sito.<\/p>\n<p>Ed ecco la parte pi\u00f9 bella: ci vorr\u00e0 meno di un&#8217;ora per avviare il tutto.<\/p>\n<p>Cominciamo!<\/p>\n<h3>Requisiti<\/h3>\n<p>Docusarus richiede <a href=\"https:\/\/kinsta.com\/it\/blog\/node-js\/\">Node.js<\/a> 16.14 o versioni successive. Si tratta di un SSG flat-file, il che significa che non avrete bisogno di un <a href=\"https:\/\/sevalla.com\/database-hosting\/\">database aggiuntivo<\/a>.<\/p>\n<p>Se non avete gi\u00e0 a disposizione Node.js 16.14+, dovrete iniziare <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-node-js\/\">installando Node.js<\/a> o aggiornando la vostra versione attuale. Poi potrete passare al processo di installazione di Docusaurus che trovate qui sotto.<\/p>\n<p>Useremo anche il sito Docusaurus di esempio di <a href=\"https:\/\/github.com\/kinsta\/hello-world-docusaurus\">questo repository GitHub<\/a>. Potete usare questo sito o un&#8217;installazione pulita di Docusaurus per seguire il tutorial.<\/p>\n<h3>Processo di Installazione<\/h3>\n<p>Per iniziare il processo di installazione di Docusaurus, dovete prima eseguire il seguente comando:<\/p>\n<pre><code class=\"bash\">npx create-docusaurus@latest  classic<\/code><\/pre>\n<p>In questo modo verr\u00e0 creata una cartella per il vostro progetto e al suo interno verr\u00e0 inserito il <a href=\"https:\/\/docusaurus.io\/docs\/api\/themes\/@docusaurus\/theme-classic\">tema classico<\/a>. Il tema classico contiene gi\u00e0 alcune funzionalit\u00e0 preconfigurate come un blog, pagine personalizzate e un framework CSS.<\/p>\n<p>Dopo l&#8217;installazione, dovrete eseguire il seguente comando per avviare il server locale:<\/p>\n<pre><code class=\"bash\">npm start<\/code><\/pre>\n<p>Se volete creare una versione ottimizzata e pronta per la distribuzione, dovete invece eseguire questo comando:<\/p>\n<pre><code class=\"bash\">npm run build<\/code><\/pre>\n<h3>Struttura<\/h3>\n<p>Una volta installata l&#8217;istanza di Docusaurus, potrete aprire la cartella del progetto e dare un&#8217;occhiata allo &#8220;scheletro&#8221; del vostro nuovo sito.<\/p>\n<p>Ecco come appare la struttura dei file:<\/p>\n<pre><code class=\"bash\">my-website\n\u251c\u2500\u2500 blog\n\u2502 \u251c\u2500\u2500 2019-05-28-hola.md\n\u2502 \u2514\u2500\u2500 2020-05-30-welcome.md\n\u251c\u2500\u2500 docs\n\u2502 \u251c\u2500\u2500 doc1.md\n\u2502 \u2514\u2500\u2500 mdx.md\n\u251c\u2500\u2500 src\n\u2502 \u251c\u2500\u2500 css\n\u2502 \u2502 \u2514\u2500\u2500 custom.css\n\u2502 \u2514\u2500\u2500 pages\n\u2502 \u251c\u2500\u2500 styles.module.css\n\u2502 \u2514\u2500\u2500 index.js\n\u251c\u2500\u2500 static\n\u2502 \u2514\u2500\u2500 img\n\u251c\u2500\u2500 docusaurus.config.js\n\u251c\u2500\u2500 package.json\n\u251c\u2500\u2500 README.md\n\u251c\u2500\u2500 sidebars.js\n\u2514\u2500\u2500 yarn.lock<\/code><\/pre>\n<p>Ci sono alcuni dettagli da notare riguardo ad alcuni di questi file e cartelle:<\/p>\n<ul>\n<li><strong><code>\/blog<\/code>:<\/strong> Contiene tutti i file relativi al vostro blog.<\/li>\n<li><strong><code>\/docs<\/code>:<\/strong> Contiene tutti i file relativi ai documenti. Potete personalizzare il loro ordine nel file <strong>sidebar.js<\/strong>.<\/li>\n<li><strong><code>\/src<\/code>:<\/strong> Contiene tutti i file non legati alla documentazione, come le pagine o i componenti personalizzati.<\/li>\n<li><strong><code>\/src\/pages<\/code>:<\/strong> Tutti i file JSX\/TSX\/MDX saranno trasformati in pagine.<\/li>\n<li><strong><code>\/static<\/code>:<\/strong> File statici che verranno copiati nella cartella di creazione finale.<\/li>\n<li><strong><code>docusaurus.config.js<\/code>:<\/strong> File di configurazione di Docusaurus.<\/li>\n<li><strong><code>packaged.json<\/code>:<\/strong> Ogni sito Docusaurus \u00e8 un&#8217;applicazione React, quindi qui troverete tutte le dipendenze e gli script che usa React.<\/li>\n<li><strong><code>sidebar.js<\/code>:<\/strong> Qui potete specificare l&#8217;ordine dei documenti nella barra laterale.<\/li>\n<\/ul>\n<h2>Personalizzare l&#8217;Installazione di Docusaurus<\/h2>\n<p>Come potete vedere dalla semplicit\u00e0 della sua struttura di file, Docusaurus \u00e8 facile da usare e da navigare. Allo stesso modo, personalizzare il vostro sito Docusaurus \u00e8 un gioco da ragazzi. Potete aprire e modificare questi file usando il vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-editor-di-testo\/\">editor di testo<\/a> o IDE preferito.<\/p>\n<p>Vediamo alcune delle opzioni di personalizzazione che avrete a disposizione fin da subito.<\/p>\n<h3>Homepage<\/h3>\n<p>La prima cosa che probabilmente vorrete fare \u00e8 personalizzare la homepage predefinita per esporre il vostro progetto. Fortunatamente, non \u00e8 complicato apportare modifiche alla homepage di Docusaurus.<\/p>\n<p>Per modificare la homepage, aprite il file <strong>src\/pages\/index.js<\/strong> e apportate le modifiche direttamente l\u00ec. Si tratta di una tipica pagina React, quindi potete modificarla o ricostruirla cambiando il contenuto o creando <a href=\"https:\/\/kinsta.com\/it\/blog\/libreria-componenti-react\/\">componenti React<\/a> personalizzati.<\/p>\n<h3>File di Configurazione<\/h3>\n<p>Successivamente, ci immergeremo nel file <strong>docusaurus.config.js<\/strong> e modificheremo alcuni dettagli importanti per la nostra istanza.<\/p>\n<h4>Nome e descrizione<\/h4>\n<p>Nel file di configurazione troverete:<\/p>\n<pre><code class=\"language-markdown\">const config = {\ntitle: 'My Site',\ntagline: 'Dinosaurs are cool',\nurl: 'https:\/\/your-docusaurus-site.com',\nbaseUrl: '\/',<\/code><\/pre>\n<p>Modificate questi dettagli per adattarli alle esigenze del vostro sito e salvate il file.<\/p>\n<h4>Barra di navigazione<\/h4>\n<p>Per modificare la barra di navigazione, individuate la voce <code>navbar<\/code>.<\/p>\n<p>Nel nostro esempio, vogliamo aggiungere un link a Kinsta, rinominare la voce &#8220;Tutorial&#8221; in &#8220;Documentazione iniziale&#8221; e aggiungere il logo di Kinsta.<\/p>\n<p>Ecco come procedere:<\/p>\n<pre><code class=\"language-markdown\">navbar: {\n  title: 'Kinsta starters',\n  logo: {  \n\talt: 'Kinsta Logo',\n\tsrc: 'img\/kinsta-logo-alpha-purple.png',\n  },\n  items: [\n\t{\n  \tlabel: 'Kinsta starters',\n  \tto: '\/docs\/intro',\n\t},\n\t{to: '\/blog', label: 'Blog', position: 'left'},\n\t{\n  \thref: 'https:\/\/github.com\/kinsta',\n  \tlabel: 'GitHub',\n  \tposition: 'right',\n\t},\n  ],\n},<\/code><\/pre>\n<h4>Footer<\/h4>\n<p>La personalizzazione del footer in Docusaurus \u00e8 composta da due sezioni: il contenuto del footer stesso e i link del footer.<\/p>\n<h5>Contenuto del footer<\/h5>\n<p>Il contenuto principale del footer (escluso l&#8217;elenco dei link) pu\u00f2 essere collocato nel file <strong>themeConfig.footer<\/strong>. Questo \u00e8 il punto ideale per aggiungere un logo e una nota di copyright.<\/p>\n<p>Ecco come abbiamo modificato la configurazione del footer:<\/p>\n<pre><code class=\"language-markdown\">module.exports = {\n  themeConfig: {\n\tfooter: {\n  \tlogo: {\n    \talt: 'Kinsta Logo',\n    \tsrc: 'img\/kinsta-logo.png',\n    \thref: 'https:\/\/kinsta.com',\n    \twidth: 160,\n    \theight: 51,\n  \t},\n  \tcopyright: `Copyright \u00a9 ${new Date().getFullYear()} Kinsta. Built with Docusaurus.`,\n\t},\n  },\n};<\/code><\/pre>\n<h5>Link del footer<\/h5>\n<p>La modifica dei link del footer \u00e8 simile a quella della navbar superiore: trovate la sezione <code>footer<\/code> in <strong>docusaurus.config.js<\/strong> e modificatela in base alle vostre esigenze.<\/p>\n<p>Ecco come abbiamo modificato la sezione <code>footer<\/code>:<\/p>\n<pre><code class=\"language-markdown\">footer: {\n  style: 'dark',\n  links: [\n\t{\n  \ttitle: 'Docs',\n  \titems: [\n    \t{\n      \tlabel: 'Kinsta starters',\n      \tto: '\/docs\/intro',\n    \t},\n  \t],\n\t},\n\t{\n  \ttitle: 'Talk with us',\n  \titems: [\n    \t{\n      \tlabel: 'Discord',\n      \thref: 'https:\/\/discord.gg\/vjRPMhFaBA',\n    \t},\n    \t{\n      \tlabel: 'Support',\n      \thref: 'https:\/\/kinsta.com\/kinsta-support\/',\n    \t},\n    \t{\n      \tlabel: 'Twitter',\n      \thref: 'https:\/\/twitter.com\/kinsta',\n    \t},\n  \t],\n\t},\n\t{\n  \ttitle: 'More',\n  \titems: [\n    \t{\n      \tlabel: 'Application Hosting',\n      \thref: 'https:\/\/sevalla.com\/application-hosting\/',\n    \t},\n    \t{\n      \tlabel: 'Database Hosting',\n      \thref: 'https:\/\/sevalla.com\/database-hosting\/',\n    \t},\n    \t{\n      \tlabel: 'WordPress Hosting',\n      \thref: 'https:\/\/kinsta.com\/wordpress-hosting\/',\n    \t},\n    \t{\n      \tlabel: 'DevKinsta',\n      \thref: 'https:\/\/kinsta.com\/devkinsta\/',\n    \t},\n  \t],\n\t},\n  ],\n};<\/code><\/pre>\n<h4>Colori e CSS<\/h4>\n<p>Il preset classico di Docusaurus utilizza il framework Infima CSS. Per questo motivo, i creatori di Docusaurus hanno creato un <a href=\"https:\/\/docusaurus.io\/docs\/styling-layout#styling-your-site-with-infima\">utilissimo strumento web<\/a> per aiutarvi a modificare i colori e altri elementi e dichiarazioni CSS.<\/p>\n<p>Una volta inserite le vostre preferenze nella pagina, lo strumento generer\u00e0 un file <strong>custom.css<\/strong> &#8211; completo di una bella serie di tonalit\u00e0 complementari &#8211; in pochi secondi. Potrete quindi copiare questo nuovo file CSS nella cartella <strong>\/src\/css<\/strong> del vostro progetto per poterlo consultare.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/docusaurus-css-tool.jpg\" alt=\"Schermata dello strumento CSS personalizzato di Docusaurus.\" width=\"1600\" height=\"871\"><figcaption class=\"wp-caption-text\">Una parte della documentazione ufficiale di Docusaurus, che mostra il loro strumento CSS personalizzato con i campi per inserire le regolazioni del codice esadecimale per ogni singolo elemento del design di Docusaurus.<\/figcaption><\/figure>\n<h4>Documentazione<\/h4>\n<p>Tutta la documentazione del vostro nuovo sito web \u00e8 archiviata nella cartella <strong>\/docs<\/strong>. Naturalmente, potete cambiare il nome della cartella in <strong>docusaurus.config.js<\/strong>.<\/p>\n<p>Basta creare i file markdown nel vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/editor-html-gratuiti\/\">editor di testo o HTML<\/a> e inserirli in quella cartella. Ogni file dovrebbe avere questo aspetto:<\/p>\n<pre><code class=\"language-markdown\">---\nid: the-id\ntitle: Title\n---\n# Rest of the document<\/code><\/pre>\n<p>In base all&#8217;ID, Docusaurus create gli URL per gli articoli in quella sottocartella: <code>yourdomain.com\/docs\/{id}<\/code><\/p>\n<p>Possiamo anche creare delle sottocartelle se vogliamo dividere la nostra documentazione in diverse sezioni logiche. Tuttavia, dovremo fare un po&#8217; di lavoro aggiuntivo per far s\u00ec che queste sottocartelle funzionino come ci aspettiamo.<\/p>\n<p>Supponiamo di creare una nuova cartella documenti chiamata &#8220;Starters&#8221;. Se poi aggiorniamo la homepage e facciamo clic sul nuovo link &#8220;Starters&#8221; aggiunto automaticamente alla nostra barra laterale, otterremo un errore perch\u00e9 non esiste ancora una pagina di indice nella nostra nuova cartella.<\/p>\n<p>Il modo pi\u00f9 semplice per risolvere questo problema \u00e8 creare un file <strong>_category_.json<\/strong> che generi l&#8217;indice di tutte le pagine contenute in questa cartella. \u00c8 sufficiente aggiungere il seguente codice:<\/p>\n<pre><code class=\"language-markdown\">{\n  \"label\": \"Starters\",\n  \"position\": 2,\n  \"link\": {\n\t\"type\": \"generated-index\",\n\t\"description\": \"All Kinsta Starters\"\n  },\n};<\/code><\/pre>\n<p>Come potete vedere, la barra laterale si rigenera per adattarsi alla struttura dei vostri file. Questo perch\u00e9 il file <strong>sidebar.js<\/strong> contiene questo <code>tutorialSidebar<\/code>: <code>[{type: 'autogenerated', dirName: '.'}],<\/code><\/p>\n<p>Se poreferite occuparvi di questo aspetto in autonomia, potete cambiare il file con qualcosa di simile:<\/p>\n<pre><code class=\"language-markdown\">tutorialSidebar: [\n  'intro',\n  'hello',\n  {\n\ttype: 'category',\n\tlabel: 'Tutorial',\n\titems: ['tutorial-basics\/create-a-document'],\n  },\n],<\/code><\/pre>\n<h4>Blog<\/h4>\n<p>Docusaurus include un interessante modulo blog. Avere un blog accanto al vostro sito web principale pu\u00f2 essere molto utile per informare la vostra base utenti sui cambiamenti che avvengono nel vostro progetto, oppure per mantenere le note del progetto come una forma di changelog.<\/p>\n<p>Ogni articolo consiste in una parte frontale, come questa:<\/p>\n<pre><code class=\"language-markdown\">---\nslug: docusaurus-starter\ntitle: Docusaurus Starter\nauthors: palmiak\ntags: [starters, docusaurus]\n---<\/code><\/pre>\n<p>&#8230; e, naturalmente, il contenuto stesso. Dispone anche dell&#8217;utilissimo tag <code><!--truncate--><\/code>, che aiuta a limitare il riepilogo dell\u2019articolo visualizzato in tutti gli elenchi di articoli.<\/p>\n<p>\u00c8 anche un&#8217;ottima idea creare un file <strong>authors.yml<\/strong> per i crediti. Il file ha questo aspetto:<\/p>\n<pre><code class=\"language-markdown\">palmiak:\nname: Maciek Palmowski\ntitle: DevRel\nurl: https:\/\/github.com\/palmiak\nimage_url: https:\/\/github.com\/palmiak.png<\/code><\/pre>\n<p>Grazie a questo file, avrete tutti i dati degli autori in un unico posto facile da consultare.<\/p>\n<h2>Come Distribuire il Vostro Sito Web Docusaurus su Kinsta<\/h2>\n<p>Oltre ai <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/\">siti WordPress<\/a>, alle <a href=\"https:\/\/sevalla.com\/application-hosting\/\">applicazioni<\/a> stand-alone e ai <a href=\"https:\/\/sevalla.com\/database-hosting\/\">database<\/a>, <a href=\"https:\/\/docs.sevalla.com\/static-sites\/overview\">Kinsta pu\u00f2 ospitare siti web statici<\/a>.<\/p>\n<p>Questo significa che \u00e8 perfetto per i vostri siti Docusaurs e per gestire tutti i vostri progetti web direttamente dalla <a href=\"https:\/\/kinsta.com\/it\/mykinsta\/\">bacheca MyKinsta<\/a>.<\/p>\n<p><kinsta-video src=\"https:\/\/kinsta.wistia.com\/medias\/f57n9mlqfa\"><\/kinsta-video><\/p>\n<p>Una volta che la vostra applicazione \u00e8 stata distribuita, potrete esaminare le <a href=\"https:\/\/docs.sevalla.com\/applications\/analytics\">analisi in corso della vostra applicazione<\/a>, sia in tempo reale che storiche, con misurazioni che comprendono:<\/p>\n<ul>\n<li>Utilizzo della larghezza di banda.<\/li>\n<li>Tempo di creazione.<\/li>\n<li>Tempo di esecuzione.<\/li>\n<li>Utilizzo della CPU.<\/li>\n<li>Utilizzo della memoria.<\/li>\n<\/ul>\n<p>Dall&#8217;inizio alla fine, il processo di distribuzione attraverso MyKinsta richiede solo pochi minuti.<\/p>\n<p>Iniziamo!<\/p>\n<h3>Prerequisiti: Configurazione del Progetto Docusaurus<\/h3>\n<p>Per ospitare il vostro progetto Docusaurus sulla <a href=\"https:\/\/sevalla.com\/application-hosting\/\">piattaforma di Application Hosting di Kinsta<\/a>, dovrete:<\/p>\n<ol>\n<li>Includere un campo nome nel vostro file <strong>package.json<\/strong>. (Questo campo pu\u00f2 essere qualsiasi cosa e non influisce sulla distribuzione).<\/li>\n<li>Includere uno script di compilazione nel file <strong>package.json<\/strong>. (Il vostro progetto Docusaurus dovrebbe gi\u00e0 includerlo).<\/li>\n<li>Installare il pacchetto <a href=\"https:\/\/www.npmjs.com\/package\/serve\">serve<\/a> npm e impostare lo script di avvio su serve build.<\/li>\n<\/ol>\n<p>Una volta spuntate queste opzioni, potete passare alla distribuzione vera e propria del vostro sito.<\/p>\n<h3>Distribuire il Progetto Docusaurus<\/h3>\n<p>Seguite questi semplici passaggi per collegarvi al vostro account GitHub e lanciare il vostro sito Docusaurus:<\/p>\n<ol>\n<li>Entrate nel vostro <a href=\"https:\/\/my.kinsta.com\/?lang=it\">account MyKinsta<\/a> e navigate nella scheda <strong>Applicazioni<\/strong> del menu di sinistra.<\/li>\n<li>Fate clic sul pulsante blu <strong>Aggiungi servizio<\/strong> e scegliete <strong>Applicazione<\/strong> dal menu a tendina.\n<p><figure style=\"width: 1340px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/mykinsta-applications-add-service.jpg\" alt=\"Schermata della scheda Applicazioni di MyKinsta.\" width=\"1340\" height=\"646\"><figcaption class=\"wp-caption-text\">La scheda Applicazioni nel cruscotto di MyKinsta: il cursore del mouse si trova sopra il pulsante &#8220;Applicazione&#8221;, aperto dopo aver fatto clic sul pulsante blu &#8220;Aggiungi servizio&#8221;.<\/figcaption><\/figure><\/li>\n<li>Se non avete ancora effettuato la connessione al vostro account GitHub tramite MyKinsta, vi verr\u00e0 mostrato un messaggio che vi inviter\u00e0 a farlo. Fate clic sul pulsante <strong>Continue with GitHub<\/strong> per procedere.\n<p><figure style=\"width: 1074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/mykinsta-github-integration-continue.jpg\" alt=\"Integrazione di MyKinsta con GitHub.\" width=\"1074\" height=\"252\"><figcaption class=\"wp-caption-text\">Verr\u00e0 visualizzata una finestra modale con il testo che dice &#8220;Integrazione GitHub: connetti Kinsta al tuo namespace GitHub per importare i repository esistenti&#8221;. In basso a destra si vedono un pulsante bianco &#8220;Cancel&#8221; e un pulsante blu &#8220;Continue with GitHub&#8221;.<\/figcaption><\/figure><\/li>\n<li>Si aprir\u00e0 una nuova finestra che vi chieder\u00e0 il permesso di <a href=\"https:\/\/docs.sevalla.com\/applications\/git\/github#authenticate-and-authorize\">autorizzare Kinsta ad accedere e gestire le vostre risorse GitHub<\/a>. Verificate di aver effettuato l&#8217;accesso all&#8217;account GitHub corretto, quindi fate clic sul pulsante verde <strong>Authorize Kinsta<\/strong> in basso.\n<p><figure style=\"width: 1032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/github-authorize-kinsta.jpg\" alt=\"Schermata per autorizzare Kinsta su GitHub.\" width=\"1032\" height=\"915\"><figcaption class=\"wp-caption-text\">Finestra modale di autorizzazione da parte di GitHub con il testo che dice &#8220;Kinsta by Kinsta desidera ottenere l&#8217;autorizzazione a&#8221;: Veridica l\u2019identit\u00e0 GitHub (kinstauser); Sapere a quali risorse potete accedere; Agisce per vostro conto&#8221; con un pulsante grigio &#8220;Cancel&#8221; e un pulsante verde &#8220;Authorize Kinsta&#8221; in basso.<\/figcaption><\/figure><\/li>\n<li>Ora siete arrivati alla <a href=\"https:\/\/docs.sevalla.com\/applications\/git\/github#authenticate-and-authorize\">procedura guidata per l&#8217;integrazione con GitHub<\/a>. Questo \u00e8 l&#8217;ultimo passo prima di poter distribuire il vostro sito. Esaminate attentamente i campi presentati e compilateli in base alla vostra configurazione di GitHub e ai requisiti del vostro progetto. Se avete un <a href=\"https:\/\/docs.sevalla.com\/applications\/build-options\/dockerfile\">file Docker nel vostro repository<\/a>, potete usarlo per impostare l&#8217;immagine del container; altrimenti, Kinsta imposter\u00e0 automaticamente un&#8217;immagine del container per voi. Potreste dover <a href=\"https:\/\/docs.sevalla.com\/applications\/git\/github#authenticate-and-authorize#edit-github-permissions\">modificare i permessi di GitHub<\/a> prima di poter procedere, soprattutto se si tratta della vostra prima distribuzione tramite Kinsta.\n<figure style=\"width: 1065px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/mykinsta-application-edit-github-permissions.jpg\" alt=\"Schermata per modificare i permessi GitHub.\" width=\"1065\" height=\"373\"><figcaption class=\"wp-caption-text\">La nuova applicazione guidata in MyKinsta mostra il cursore del mouse che passa sopra l&#8217;opzione a discesa &#8220;Edit GitHub permissions&#8221; per il campo &#8220;Repository GitHub&#8221;.<\/figcaption><\/figure>\n<p>Potete scegliere se concedere a Kinsta l&#8217;accesso a tutti i repository o solo a quelli specifici. Questi permessi possono essere modificati in qualsiasi momento dalle <a href=\"https:\/\/github.com\/settings\/installations\/\">impostazioni delle <strong>Applicazioni <\/strong>del vostro account GitHub<\/a>.<\/p>\n<p><figure style=\"width: 917px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/github-kinsta-permissions.jpg\" alt=\"Schermata di MyKinsta da cui scegliere quali permessi GitHub garantire a Kinsta.\" width=\"917\" height=\"821\"><figcaption class=\"wp-caption-text\">La sezione &#8220;Permissions&#8221; di GitHub mostra due opzioni nella sezione &#8220;Repository access&#8221;: &#8220;All repositories&#8221; o &#8220;Only select repositories&#8221;.<\/figcaption><\/figure><\/li>\n<li>Dopo aver effettuato le vostre scelte e averle confermate, vi verranno mostrati i dettagli della distribuzione e le opzioni per <strong>modificare le impostazioni (Change settings)<\/strong> o <strong>ripetere la distribuzione (Redeploy)<\/strong>.\n<figure style=\"width: 1418px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/mykinsta-successful-application-deployment.jpg\" alt=\"Schermata che conferma i dettagli della distrubuzione dell\u2019applicazione via MyKinsta.\" width=\"1418\" height=\"532\"><figcaption class=\"wp-caption-text\">La pagina &#8220;Deployment details&#8221; di MyKinsta mostra le informazioni relative all&#8217;applicazione distribuita, tra cui il nome della branch distribuita, il numero di commit, il messaggio di commit allegato, i tempi di distribuzione e la posizione del data center selezionato.<\/figcaption><\/figure>\n<p>In questa pagina troverete anche tutti gli errori che si sono verificati durante la distribuzione, insieme ai dettagli sulla causa del fallimento, in modo da poterli risolvere facilmente. Se avete difficolt\u00e0 a risolvere il problema, potete trovare <a href=\"https:\/\/docs.sevalla.com\/applications\/troubleshooting\/failed-deployment#failed-rollout\">ulteriori indicazioni sugli errori di rollout<\/a> nella <a href=\"https:\/\/docs.sevalla.com\/applications\/overview\">documentazione di Kinsta<\/a>.<\/p>\n<p><figure style=\"width: 1299px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/mykinsta-application-build-error.jpg\" alt=\"Schermata dell\u2019editor con il messaggio sui dettagli dell\u2019errore \"Build process failed\".\" width=\"1299\" height=\"636\"><figcaption class=\"wp-caption-text\">Un errore il cui testo dice &#8220;Processo di compilazione fallito&#8221; insieme a &#8220;Tipo di errore di compilazione sconosciuto&#8221;: sotto, un riquadro dei dettagli che elenca i singoli errori che hanno contribuito al fallimento della distribuzione.<\/figcaption><\/figure><\/li>\n<\/ol>\n<p>Se siete arrivati fin qui senza errori, allora congratulazioni: avete appena <a href=\"https:\/\/docs.sevalla.com\/templates\/overview\">distribuito con successo il vostro sito Docusaurus con Kinsta<\/a>! La vostra applicazione (cio\u00e8 il sito statico) sar\u00e0 disponibile non appena avrete completato la procedura guidata. Potete visualizzarla all&#8217;URL della vostra applicazione, che di solito \u00e8 <code>https:\/\/<em>your-docusaurus-site<\/em>.kinsta.app<\/code>.<\/p>\n<p>Ecco la prima occhiata al nostro sito campione su Kinsta:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/02\/deployed-docusaurus-site.png\" alt=\"Homepage del sito Docusaurus.\" width=\"1600\" height=\"777\"><figcaption class=\"wp-caption-text\">La homepage di Docusaurus, in cima alla quale c&#8217;\u00e8 un banner verde con il titolo &#8220;Il mio sito&#8221; e la tagline &#8220;I dinosauri sono cool&#8221; in bianco.<\/figcaption><\/figure>\n<h2>Riepilogo<\/h2>\n<p>Grazie alle sue funzioni sorprendentemente potenti, al <a href=\"https:\/\/kinsta.com\/it\/blog\/principi-di-web-design\/\">design intuitivo<\/a>, alla navigazione semplice e all&#8217;attenzione per i contenuti, non \u00e8 difficile capire perch\u00e9 Docusaurus sia considerato uno strumento eccellente per qualsiasi professionista che voglia implementare e mantenere facilmente un sito e\/o un blog di documentazione statica snello e ben organizzato.<br \/>\n<\/p>\n<p>Una volta che avrete riempito il vostro sito di contenuti che le persone apprezzeranno, inizierete a notare le ulteriori funzioni integrate che possono esservi utili. Per esempio, le funzionalit\u00e0 di ottimizzazione per i motori di ricerca di Docusaurus sono perfette per aiutarvi a ottenere una maggiore visibilit\u00e0 da parte di un pubblico pi\u00f9 vasto mentre lavorate su <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-seo\/\">altre tecniche per avanzare nel posizionamento SEO<\/a>.<\/p>\n<p>Avete realizzato qualcosa con Docusaurus? Condividete con noi i vostri progetti e le vostre esperienze nella sezione commenti qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Per siti web leggeri, applicazioni e altri piccoli progetti, sempre pi\u00f9 sviluppatori si rivolgono ai generatori di siti statici piuttosto che a WordPress o ad altri &#8230;<\/p>\n","protected":false},"author":283,"featured_media":65840,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26212,25847],"class_list":["post-65839","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-react","topic-tutorial-javascript"],"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>Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)<\/title>\n<meta name=\"description\" content=\"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.\" \/>\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\/docusaurus\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)\" \/>\n<meta property=\"og:description\" content=\"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/\" \/>\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=\"2023-02-23T11:15:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T15:41:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"3042\" \/>\n\t<meta property=\"og:image:height\" content=\"1521\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Maciek Palmowski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maciek Palmowski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/\"},\"author\":{\"name\":\"Maciek Palmowski\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/0cf8d8dc768875c83e582e95abbdd072\"},\"headline\":\"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)\",\"datePublished\":\"2023-02-23T11:15:17+00:00\",\"dateModified\":\"2025-09-01T15:41:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/\"},\"wordCount\":2573,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/\",\"name\":\"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg\",\"datePublished\":\"2023-02-23T11:15:17+00:00\",\"dateModified\":\"2025-09-01T15:41:58+00:00\",\"description\":\"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg\",\"width\":3042,\"height\":1521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial JavaScript\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/tutorial-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)\"}]},{\"@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\/0cf8d8dc768875c83e582e95abbdd072\",\"name\":\"Maciek Palmowski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/38664c477eb1e9b4ab2b97f4b0c81c8a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/38664c477eb1e9b4ab2b97f4b0c81c8a?s=96&d=mm&r=g\",\"caption\":\"Maciek Palmowski\"},\"description\":\"Maciek is a web developer working at Kinsta as a Development Advocate Analyst. After hours, he spends most of his time coding, trying to find interesting news for his newsletters, or drinking coffee.\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/maciekpalmowski\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)","description":"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.","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\/docusaurus\/","og_locale":"it_IT","og_type":"article","og_title":"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)","og_description":"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.","og_url":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2023-02-23T11:15:17+00:00","article_modified_time":"2025-09-01T15:41:58+00:00","og_image":[{"width":3042,"height":1521,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg","type":"image\/jpeg"}],"author":"Maciek Palmowski","twitter_card":"summary_large_image","twitter_description":"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Maciek Palmowski","Tempo di lettura stimato":"16 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/"},"author":{"name":"Maciek Palmowski","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/0cf8d8dc768875c83e582e95abbdd072"},"headline":"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)","datePublished":"2023-02-23T11:15:17+00:00","dateModified":"2025-09-01T15:41:58+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/"},"wordCount":2573,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/docusaurus\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/","url":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/","name":"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg","datePublished":"2023-02-23T11:15:17+00:00","dateModified":"2025-09-01T15:41:58+00:00","description":"Vuoi un sito e un blog facili da implementare e incentrati sui contenuti? Impara a creare e distribuire un sito Docusaurus in pochi minuti con questo tutorial.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/docusaurus\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/02\/docusarus.jpg","width":3042,"height":1521},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/docusaurus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Tutorial JavaScript","item":"https:\/\/kinsta.com\/it\/argomenti\/tutorial-javascript\/"},{"@type":"ListItem","position":3,"name":"Crea e Personalizza un Sito Docusaurus (con una Sezione Blog)"}]},{"@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\/0cf8d8dc768875c83e582e95abbdd072","name":"Maciek Palmowski","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/38664c477eb1e9b4ab2b97f4b0c81c8a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/38664c477eb1e9b4ab2b97f4b0c81c8a?s=96&d=mm&r=g","caption":"Maciek Palmowski"},"description":"Maciek is a web developer working at Kinsta as a Development Advocate Analyst. After hours, he spends most of his time coding, trying to find interesting news for his newsletters, or drinking coffee.","url":"https:\/\/kinsta.com\/it\/blog\/author\/maciekpalmowski\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/65839","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\/283"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=65839"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/65839\/revisions"}],"predecessor-version":[{"id":81798,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/65839\/revisions\/81798"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/translations\/dk"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/65839\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/65840"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=65839"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=65839"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=65839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}