Aggiungere nuova documentazione
Aggiungi nuovi documenti al sito di documentazione e al blog.
Per la documentazione
- Crea un nuovo file
.mdxnella cartellaapps/content/docs/[language]con il contenuto del tuo documento. - Aggiungi il documento al menu di navigazione del sito.
Per farlo, aggiungi un nuovo elemento al file
src/config/docs.tsnella proprietàsidebarNavcon le informazioni desiderate, seguendo il modello degli elementi esistenti. In questo modo, il documento verrà aggiunto anche alla palette dei comandi di ricerca.
Impostazioni dei documenti MDX
I documenti MDX sono archiviati nelle cartelle apps/content/docs/[language] e apps/content/blog/[language]. Ogni documento è un file MDX che contiene un'intestazione con metadati, come titolo e descrizione. Di seguito è riportato un esempio di intestazione di documento:
---
title: Document Title
description: Document Description.
sort: 1
---Sono supportati i seguenti campi di metadati:
title(obbligatorio): il titolo del documento.description(obbligatorio): una breve descrizione del documento.sort(opzionale): un numero che determina l'ordine del documento nella navigazione. I documenti con valorisortpiù bassi appaiono per primi. Se non fornito, i documenti vengono ordinati alfabeticamente per titolo.links(opzionale): link a documenti correlati, riferimenti API, codice sorgente, ecc.toc(opzionale): indica se mostrare l'indice. Il valore predefinito ètrue.
Per aggiungere nuovi metadati al documento, puoi aggiungere nuove chiavi all'intestazione. Ad esempio, puoi aggiungere una chiave author per indicare l'autore del documento:
---
title: Document Title
description: Document Description.
sort: 2
author: Author Name
---Quando aggiungi metadati personalizzati, devi però aggiornare anche il file contentlayer.config.ts situato nella root del progetto e all'interno della proprietà fields nelle costanti Doc o Blog.
Dopodiché, dovrai mostrare le nuove informazioni nel template del documento. Per farlo, dovrai aggiornare il file src/app/[locale]/docs/[[...slug]]/page.tsx, oppure src/app/[locale]/blog/[[...slug]]/page.tsx o uno dei suoi componenti figlio.
Ricostruire Contentlayer
Quando apporti modifiche al contenuto della documentazione, aggiungi nuovi documenti o modifichi il file contentlayer.config.ts, dovrai ricostruire la cache di Contentlayer affinché le modifiche abbiano effetto durante lo sviluppo. Esegui:
cd apps/web
pnpm contentlayer:buildQuesto comando rigenera i tipi di contenuto e i dati necessari all'applicazione. Dovrai eseguire questo comando ogni volta che:
- Aggiungi nuovi campi di metadati al file
contentlayer.config.ts - Aggiungi o modifichi contenuti MDX quando il dev server non è in esecuzione
- Modifichi la struttura dell'organizzazione dei contenuti
Il comando viene eseguito automaticamente quando compili il progetto per la produzione, ma durante lo sviluppo dovrai eseguirlo manualmente se apporti modifiche strutturali ai contenuti.