Create Aptos Dapp Telegram Clicker Game Mini App Template

Publish the contract

Run the below command to publish the contract on-chain:

npm run move:publish

This command will:

1. Publish the contract to chain.
2. Setting the VITE_MODULE_ADDRESS in the .env file to set the contract object address.

Create a Telegram bot

Start a chat with BotFather, use the /newbot command to create a new bot. You can learn more about the process at Telegram Docs.

(Optional) Obtain the app ID from Mizu wallet

If you choose the seamless signing experience, you are using @mizuwallet-sdk/core instead of Aptos Wallet Adapter. You need to obtain a Mizu App ID from the Mizu team by filling up their form. Once you have the App ID, set it in the .env file as VITE_MIZU_WALLET_APP_ID.

You can learn more about using it in the Mizu doc.

Host the frontend

create-aptos-dapp provides an npm command to easily deploy the static site to Vercel.

At the root of the folder, simply run

npm run deploy

Then, follow the prompts. Please refer to Vercel docs to learn more about the Vercel CLI

If you are looking for different services to deploy the static site to, create-aptos-dapp utilizes Vite as the development tool, so you can follow the Vite deployment guide. In a nutshell, you would need to:

1. Run npm run build to build a static site
2. Run npm run preview to see how your dapp would look like on a live server
3. Next, all you need is to deploy your static site to a live server, there are some options for you to choose from and can follow this guide on how to use each

Create a Telegram mini app

Use the /newapp command to create a new mini app and link the mini app with the bot you just created. When BotFather asks for the mini app’s URL, provide the URL of the frontend you deployed in the previous step. You can learn more about the process at Telegram Docs.

Set the menu button of the bot to open the mini app

Use the /mybots command to find your bot, choose bot settings -> menu button -> configure menu button, provide the mini app’s name and URL. Now you can access the mini app from your bot’s menu. You can learn more about the process at Telegram Docs.