Nieuwe docs toevoegen
Voeg nieuwe documenten toe aan je documentatiesite en blog.
Voor documentatie
- Maak een nieuw
.mdx-bestand aan in de mapapps/content/docs/[language]met de inhoud van je document. - Voeg het document toe aan het navigatiemenu van de site.
Voeg hiervoor een nieuw item toe aan het bestand
src/config/docs.tsin de propertysidebarNavmet de gewenste informatie. Volg daarbij gewoon het patroon van de bestaande items. Hierdoor wordt het document ook toegevoegd aan het zoekcommando-palet.
MDX-documentinstellingen
MDX-documenten worden opgeslagen in de mappen apps/content/docs/[language] en apps/content/blog/[language]. Elk document is een MDX-bestand met een header met metadata, zoals titel en beschrijving. Hieronder staat een voorbeeld van een documentheader:
---
title: Document Title
description: Document Description.
sort: 1
---De volgende metadatavelden worden ondersteund:
title(verplicht): De titel van het document.description(verplicht): Een korte beschrijving van het document.sort(optioneel): Een getal dat de volgorde van het document in de navigatie bepaalt. Documenten met lagere sort-waarden verschijnen eerst. Als dit niet is opgegeven, worden documenten alfabetisch gesorteerd op titel.links(optioneel): Links naar gerelateerde documenten, API-referenties, broncode, enz.toc(optioneel): Of de inhoudsopgave moet worden getoond. Standaard is dittrue.
Om nieuwe metadata aan het document toe te voegen, kun je nieuwe keys aan de header toevoegen. Je kunt bijvoorbeeld een author-key toevoegen om de auteur van het document aan te geven:
---
title: Document Title
description: Document Description.
sort: 2
author: Author Name
---Wanneer je aangepaste metadata toevoegt, moet je ook het bestand contentlayer.config.ts bijwerken. Dit bestand staat in de root van het project, binnen de property fields in de constanten Doc of Blog.
Daarna moet je de nieuwe informatie tonen in de documentsjabloon. Hiervoor moet je het bestand src/app/[locale]/docs/[[...slug]]/page.tsx bijwerken, of src/app/[locale]/blog/[[...slug]]/page.tsx, of een van de child components daarvan.
Contentlayer opnieuw bouwen
Wanneer je wijzigingen aanbrengt in documentatiecontent, nieuwe docs toevoegt of het bestand contentlayer.config.ts wijzigt, moet je de contentlayer-cache opnieuw bouwen zodat je wijzigingen tijdens development effect hebben. Voer uit:
cd apps/web
pnpm contentlayer:buildDeze opdracht genereert opnieuw de contenttypes en data die de applicatie nodig heeft. Je moet deze opdracht uitvoeren wanneer je:
- Nieuwe metadatavelden toevoegt aan het bestand
contentlayer.config.ts - MDX-content toevoegt of wijzigt terwijl de dev server niet draait
- De structuur van je contentorganisatie verandert
De opdracht wordt automatisch uitgevoerd wanneer het project voor productie wordt gebouwd, maar tijdens development moet je hem handmatig uitvoeren als je structurele wijzigingen aan content aanbrengt.