Додавання нових документів
Додавайте нові документи до свого сайту документації та блогу.
Для документації
- Створіть новий файл
.mdxу папціapps/content/docs/[language]із вмістом вашого документа. - Додайте документ до навігаційного меню сайту.
Для цього додайте новий елемент у файл
src/config/docs.tsу властивістьsidebarNavз потрібною інформацією, дотримуючись шаблону наявних елементів. Після цього документ також буде додано до палітри команд пошуку.
Налаштування MDX документа
MDX документи зберігаються в папках apps/content/docs/[language] і apps/content/blog/[language]. Кожен документ є MDX файлом, що містить заголовок із метаданими, такими як назва й опис. Нижче наведено приклад заголовка документа:
---
title: Document Title
description: Document Description.
sort: 1
---Підтримуються такі поля метаданих:
title(обов’язково): назва документа.description(обов’язково): короткий опис документа.sort(необов’язково): число, яке визначає порядок документа в навігації. Документи з меншими значеннями sort показуються першими. Якщо не вказано, документи сортуються за назвою в алфавітному порядку.links(необов’язково): посилання на пов’язані документи, API довідники, вихідний код тощо.toc(необов’язково): чи показувати зміст. За замовчуваннямtrue.
Щоб додати до документа нові метадані, ви можете додати нові ключі до заголовка. Наприклад, можна додати ключ author, щоб указати автора документа:
---
title: Document Title
description: Document Description.
sort: 2
author: Author Name
---Але під час додавання власних метаданих також потрібно оновити файл contentlayer.config.ts, розташований у корені проєкту, і властивість fields у константах Doc або Blog.
Після цього потрібно показати нову інформацію в шаблоні документа. Для цього оновіть файл src/app/[locale]/docs/[[...slug]]/page.tsx, або src/app/[locale]/blog/[[...slug]]/page.tsx, або один із його дочірніх компонентів.
Перебудова Contentlayer
Коли ви змінюєте вміст документації, додаєте нові документи або змінюєте файл contentlayer.config.ts, потрібно перебудувати кеш contentlayer, щоб зміни набули чинності під час розробки. Виконайте:
cd apps/web
pnpm contentlayer:buildЦя команда повторно генерує типи вмісту та дані, потрібні застосунку. Її потрібно запускати щоразу, коли ви:
- Додаєте нові поля метаданих до файлу
contentlayer.config.ts - Додаєте або змінюєте MDX вміст, коли dev server не запущений
- Змінюєте структуру організації вмісту
Команда автоматично запускається під час збірки проєкту для production, але під час розробки її потрібно запускати вручну, якщо ви вносите структурні зміни до вмісту.