Erstellen Sie eine Dokumentationsseite mit Nextra

In diesem Artikel erfahren Sie, wie Nextra zum Generieren einer statischen Dokumentationsseite verwendet werden kann, und wir stellen auch ein Beispiel zur Verfügung.

Mit Nextra können Sie wunderschöne Websites mit Next.js und MDX erstellen.

Nextra Docs bietet zwei Optionen, eine für die Dokumentation und die andere für Blogs.

Nextra verwenden

Die manuelle Konfiguration von Nextra ist einfach. Sie installieren die Pakete, aktualisieren die Next.js-Konfiguration, erstellen die theme.config.jsx und schließlich die page/_app.jsx

Auf Nextra gibt es eine wichtige FAQ zur Verwendung von Nextra im App-Router. Diese wird noch nicht unterstützt, aber Next.js unterstützt sowohl App als auch

Pages-Router in derselben App.

Inoffizielle Website zur Dokumentation von Änderungssätzen

Dieses Repository ist eine inoffizielle Dokumentationsseite für Änderungssätze. Es wird auf Vercel bereitgestellt und ist verfügbar unter – https://changesets-docs.vercel.app/

// 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",
 },
});

Über uns:

Bei Thinkthroo studieren wir große Open-Source-Projekte und stellen Architekturführer zur Verfügung. Wir haben mit Rückenwind wiederverwendbare Komponenten entwickelt, die Sie in Ihrem Projekt nutzen können. Wir bieten Next.js-, React- und Node-Entwicklungsdienste an.

Buchen Sie einen Termin mit uns, um Ihr Projekt zu besprechen.

Referenz:

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

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

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

Das obige ist der detaillierte Inhalt vonErstellen Sie eine Dokumentationsseite mit Nextra. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!