Nextra を使用してドキュメント サイトを生成する

この記事では、Nextra を使用して静的ドキュメント サイトを生成する方法を学び、例も示します。

Nextra を使用すると、Next.js と MDX で美しい Web サイトを作成できます。

次のドキュメントでは、ドキュメント用とブログ用の 2 つのオプションが提供されます。

Nextra の使用

Nextra を手動で設定するのは簡単です。パッケージをインストールし、Next.js 構成を更新し、messages.config.jsx を作成し、最後に Pages/_app.jsx

を作成します。

アプリルーターでの Nextra の使用に関する重要な FAQ が Nextra にあります。これはまだサポートされていませんが、Next.js はアプリと

の両方をサポートしています。 同じアプリ内のページルーター

非公式変更セットのドキュメント サイト

このリポジトリは、非公式の変更セットのドキュメント サイトです。 Vercel にデプロイされており、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",
 },
});

私たちについて:

Thinkthroo では、大規模なオープンソース プロジェクトを研究し、アーキテクチャ ガイドを提供しています。私たちは、tailwind で構築された、プロジェクトで使用できる再利用可能なコンポーネントを開発しました。 Next.js、React、Node 開発サービスを提供します。

プロジェクトについて話し合うためのミーティングを予約してください。

参考:

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

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

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

以上がNextra を使用してドキュメント サイトを生成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。