Whop Wiki

Internal documentation powered by Mintlify.

Prerequisites

• Node.js 20+ (configured in mise.toml)

Quick Start

cd docs
npx mintlify dev

The documentation will be available at http://localhost:3000.

Building for Production

npx mintlify build

Folder Structure

docs/
├── docs.json              # Mintlify configuration
├── mise.toml              # Node version management
├── brand-assets/          # Logos, fonts, illustrations
├── home/index.mdx         # Home page
├── company/               # Company section
├── engineering/           # Engineering section
├── payments/              # Payments section (with subsections)
├── core-product/          # Core Product section
├── finance/               # Finance section
├── dashboard/             # Dashboard section
├── affiliates/            # Affiliates section
└── ads/                   # Ads section

Adding Custom Fonts

The brand assets include Acid Grotesk fonts in .otf format. Mintlify requires .woff2 format.

1. Convert .otf to .woff2 using CloudConvert

2. Add to a fonts/ directory

3. Update docs.json:

{
  "fonts": {
    "heading": {
      "family": "Acid Grotesk",
      "source": "/fonts/AcidGrotesk-Bold.woff2",
      "format": "woff2",
      "weight": 700
    },
    "body": {
      "family": "Acid Grotesk",
      "source": "/fonts/AcidGrotesk-Regular.woff2",
      "format": "woff2",
      "weight": 400
    }
  }
}

Components

Callouts:

<Info>Info message</Info>
<Warning>Warning message</Warning>
<Note>Note message</Note>

Cards:

<Card title="Title" icon="icon-name" href="/path">
  Description
</Card>

Tabs:

<Tabs>
  <Tab title="Tab 1">Content</Tab>
  <Tab title="Tab 2">Content</Tab>
</Tabs>

Deployment

Connect your GitHub repository at mintlify.com for automatic deployments.

Resources

• Mintlify Docs