A Next.js starter template for building hybrid dApps that connect TON and EVM ecosystems using the TAC SDK.
This repository is part of the full starter application provided through the
create-tac-app(https://www.npmjs.com/package/create-tac-app) CLI tool.
- Next.js 15 with App Router
- Tailwind and Shadcn UI components
- TON Connect wallet integration
- TAC SDK for cross-chain messaging
- Node.js 18.17.0 or higher
- A TON wallet (Tonkeeper or TON Space recommended)
- Some testnet TON tokens for testing
# Clone this repository (or use create-tac-app)
git clone https://github.com/tacbuild/starter-frontend.git my-tac-app
cd my-tac-app
# Install dependencies
npm install
This starter is pre-configured to work with example contracts deployed on the TAC testnet. The contract addresses are defined in lib/constants.ts:
export const CONTRACT_ADDRESS = {
// TAC Proxy Contract Address for the Simple Message Contract, modify this to specific `SimpleMessageProxy` if you deployed such one
// 0x24f24107340c8E7F03297D6e4e886017b4bd6cC0 is an example for TON-TAC
// 0x1Ad988F4cEE02A5EFb74fFE0E555C1d7a47A7A06 is an example for TON-TAC-TON
MESSAGE_PROXY: "0x24f24107340c8E7F03297D6e4e886017b4bd6cC0",
} as const;If you've deployed your own contracts, update these addresses accordingly.
npm run dev
Open http://localhost:3000 to see your application.