Maison > interface Web > js tutoriel > le corps du texte

Générer un site de documentation à l'aide de Nextra

Susan Sarandon
Libérer: 2024-11-08 20:58:02
original
435 Les gens l'ont consulté

Dans cet article, vous apprendrez comment Nextra peut être utilisé pour générer un site de documentation statique et nous fournissons également un exemple.

En utilisant Nextra, vous pouvez créer de superbes sites Web avec Next.js et MDX.

Nextra Docs propose deux options, une pour la documentation et l'autre pour le blog.

Utiliser Nextra

La configuration manuelle de Nextra est simple. Vous installez les packages, mettez à jour la configuration Next.js, créez thèmes.config.jsx et enfin créez pages/_app.jsx

Il existe une FAQ importante sur Nextra concernant l'utilisation de Nextra dans le routeur d'application, elle n'est pas encore prise en charge mais Next.js prend en charge à la fois l'application et

routeur de pages dans la même application.

Site de documentation non officiel sur les modifications

Ce référentiel est un site de documentation non officiel sur les modifications. Il est déployé sur Vercel et disponible sur — https://changesets-docs.vercel.app/

Generate a documentation site using Nextra

// next.config.mjs
import nextra from "nextra";
const withNextra = nextra({
 theme: "nextra-theme-docs",
 themeConfig: "./theme.config.jsx",
 defaultShowCopyCode: true,
});
export default withNextra({
 i18n: {
 locales: ["en-US", "zh-CN"],
 defaultLocale: "en-US",
 },
});
Copier après la connexion

À propos de nous :

Chez Thinkthroo, nous étudions les grands projets open source et fournissons des guides architecturaux. Nous avons développé des composants réutilisables, construits avec tailwind, que vous pouvez utiliser dans votre projet. Nous proposons des services de développement Next.js, React et Node.

Prenez rendez-vous avec nous pour discuter de votre projet.

Generate a documentation site using Nextra

Référence :

  1. https://nextra.site/docs/docs-theme/start

  2. https://github.com/nnecec/changesets-docs

  3. https://changesets-docs.vercel.app/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal