# Token Minter use-case page

**Route:** `/use-case/token-minter`  
**Production URL:** `https://tatum.io/use-case/token-minter`  
**Next.js page:** `src/app/token-minter/page.tsx`  
**Browsable docs (AI / agents):** `/use-case/token-minter.md`  
**Content negotiation:** `GET /use-case/token-minter` with `Accept: text/markdown` returns the same markdown

Interactive how-to for minting an ERC-20 token on Ethereum Sepolia with MetaMask via the Tatum SDK. Migrated from the Webflow Designer page (native sections + small HTML embeds + page module script).

## Page structure

| Section | Source | Contents |
|---------|--------|----------|
| Body | `src/content/embeds/token-minter/body.html` | Steps 1–4 (connect wallet → name/symbol → decimals/supply → mint), liquidity/contract review copy, CodePen back-end embed, mint module script |

The page loads Webflow page CSS from CDN so Designer class names (`section-mint-step*`, `mind-token-grid`, etc.) keep their layout.

Metadata lives in `src/app/token-minter/page.tsx`.

## Mint flow

1. **Connect Wallet** — MetaMask via `@tatumio/tatum` (Skypack) on `Network.ETHEREUM_SEPOLIA`
2. **Name / symbol** — text inputs
3. **Decimals / supply** — number + supply inputs
4. **Mint Token** — `createFungibleToken` through the MetaMask wallet provider
5. **Result panel** — shows tx hash and a **Get contract address** control (`getContractAddress`)

## Editing

```bash
node scripts/bundle-embeds.mjs
npm run dev
```

### Webflow source

Designer page id `66420b7807c253b062e33f54` on **Tatum.io Website**. Body markup was exported from the published page sections; interactive field/button snippets match the five Designer `HtmlEmbed` elements; mint logic comes from the page `<script type="module">`.