Problem: Setup slows you down

Building Telegram Mini Apps requires cobbling together frontend, backend, auth, wallet integration and secure tunneling — a process that wastes days on tooling instead of features. Many starters are incomplete or lack production-ready patterns for payments, validation and shared types.

Solution: TMA Boilerplate

TMA Boilerplate is a production-ready monorepo starter that removes infrastructure friction so you can focus on product. Built with Next.js 16 (App Router), React 19, Tailwind CSS 4, Express and Supabase, it ships with TON Connect wallet support, a donation component, and a type-safe shared package.

Key productivity features include a Mock Environment for browser-first development, an Express API integrated with Supabase (Auth, Database, Realtime), pnpm workspaces for shared TypeScript types, and one-command tunneling (Cloudflare/Ngrok) for real-device testing. The donation component is production-ready and auto-detects Testnet vs Mainnet.

Get started instantly: clone, install, fill .env and run pnpm dev — open http://localhost:3000 to try Mock Mode, or use the included Cloudflare tunnel setup to test on a real device. Comprehensive types, clear project structure and pragmatic defaults make this an ideal base for production Mini Apps.