Is search functionality included?

The skill covers the integration and configuration of FlexSearch, providing a high-performance search experience for your documentation.

Can I use custom React components in my documentation?

Yes, the skill provides specific implementation patterns for integrating JSX/TSX components directly into MDX files.

How is the sidebar navigation managed?

Navigation is controlled through _meta.js or _meta.json files located in your pages directory, which define the ordering and labels of the sidebar.

Does this skill help with documentation SEO?

Yes, it includes patterns for configuring SEO metadata, Open Graph tags, and title templates within the theme configuration.

What versions of Nextra does this skill support?

It supports Nextra 3.x and 4.x, including compatibility patterns for Next.js 14/15 and the newer App Router.

Nextra Documentation Framework

Name: Nextra Documentation Framework
Author: modu-ai

bymodu-ai

•

学習とドキュメンテーション

Builds high-performance, enterprise-grade documentation sites using Nextra and Next.js with zero-config MDX support.

概要

This skill empowers developers to architect professional documentation portals and knowledge bases using the Nextra framework. It provides specialized guidance on project structure, advanced theme customization via theme.config.tsx, and core implementation patterns like internationalization (i18n), FlexSearch integration, and Next.js 15 App Router compatibility. Whether building an API reference or a complex developer portal, this skill ensures best practices for performance, SEO, and developer experience within the Claude Code environment.

主な機能

File-system based routing with automated navigation structure via _meta files
Full compatibility with Next.js 14/15 and Turbopack support
Zero-config MDX integration for seamless Markdown and JSX usage
Enterprise-grade theme customization and branding controls
16 GitHub stars
Built-in internationalization (i18n) and advanced full-text search

ユースケース

Building technical API reference documentation with interactive React examples
Developing customizable documentation themes using the Next.js App Router
Creating multi-language enterprise knowledge bases and product guides

概要

主な機能

File-system based routing with automated navigation structure via _meta files
Full compatibility with Next.js 14/15 and Turbopack support
Zero-config MDX integration for seamless Markdown and JSX usage
Enterprise-grade theme customization and branding controls
16 GitHub stars
Built-in internationalization (i18n) and advanced full-text search

ユースケース

Building technical API reference documentation with interactive React examples
Developing customizable documentation themes using the Next.js App Router
Creating multi-language enterprise knowledge bases and product guides