Whop Extension Starter
Guides

Getting started

Run the web app locally and preview the flow in mock mode.

The web app is the backend plus the demo site — the landing page, the checkout page, and these docs. The Chrome extension is a separate package that talks to it.

Run the web app

npm install
npm run dev

This starts the app on http://localhost:3001.

Mock mode

For local development you can preview the entire flow without Whop credentials. Set WHOP_MOCK_MODE=true in .env.local, and the extension popup gains Mock free and Mock premium buttons that stand in for a signed-in user.

Mock mode is opt-in and for local development only. The server refuses to boot with it enabled in production, so it can never gate real users.

Next

See how the extension, the server, and Whop divide responsibility in Architecture.

On this page