Skip to main content
Screenshot of the tip jar example app.
See the live example: mdk-tipjar-example.vercel.app This is an example for building the absolute simplest of apps with moneydevkit: an app that can receive money. We’ll build a tip jar for a content creator, but the same approach applies to donation pages, pay-what-you-want downloads, support-the-author buttons, and many other use cases.

Step 1: Install the MCP server

The MCP server lets your coding agent create a moneydevkit account and wire up your app for you. Pick your account type and coding agent below:
Run this in your project directory:
claude mcp add moneydevkit --transport http https://mcp.moneydevkit.com/mcp/
Run this in your project directory:
codex mcp add moneydevkit --url https://mcp.moneydevkit.com/mcp/

Step 2: Start a new project

Create an empty folder and open it in your coding agent. This will be the root of your new Next.js project.

Step 3: Prompt your coding agent

Paste the following prompt into your coding agent to scaffold the tip jar:

Scaffold a moneydevkit tip jar in Next.js.

Step 4: Preview and deploy

When your coding agent finishes, you can preview your app. The agent will give you a link that you can open in your browser to preview the app locally. When you’re ready to ship it, head to Vercel to deploy.