Node Modules & Customization

The Dev Portal supports installing and using custom node modules in your documentation. This allows you to extend your documentation with custom React components, utilities, or any other npm packages.

Installing Custom Packages

Inside your project's /docs directory, you can install any npm package using the standard npm commands:

Code(bash)
 
npm install your-package-name

Using Custom React Components

You can import and use custom React components directly in the zudoku.config.tsx file or your MDX files:

Code(jsx)
 
import { MyCustomComponent } from "your-package-name";

<MyCustomComponent />;

TypeScript Support

The Dev Portal includes full TypeScript support for your custom components. Make sure your tsconfig.json includes the appropriate type definitions for your packages.

Limitations

While you can use most npm packages, be mindful of:

• Package size impact on build time
• Browser compatibility for client-side components
• Node.js-specific packages (like fs or path) cannot be used in zudoku.config.tsx since it runs in both server and browser environments - use environment-agnostic code only