### Create Telegram bot 1. Search for BotFather in **Telegram** 2. Type in `/newbot` in the **BotFather** chat to create a bot 3. Type in the bot name 4. Type in the bot username which end with the word bot 5. Finally copy the bot access token and keep it securly ### Setup Telegram bot in Nuxt Create an `.env` file and store the bot access token in there: ``` NUXT_TELEGRAM_BOT_TOKEN= ``` In the `nuxt.config.ts` file put this in: ``` runtimeConfig: { telegramBotToken: "", } ``` > **Nuxt** config will pick up the the value of the variables in the `.env` file that start with the `NUXT_` automatically but you have to register it like in the snippet above so that you can access it from `useRuntimeConfig()` in our app. ### Create an API endpoint to send message to Telegram Create a file at `server/api/send-telegram.post.ts` to securely handle the request on the server side: ``` export default defineEventHandler(async (event) => { const body = await readBody(event) const config = useRuntimeConfig(event) const token = config.telegramBotToken const message = body.message const url = `https://telegram.org/bot${token}/sendMessage` try { const response = await $fetch(url, { method: 'POST', body: { chat_id: , text: message, }, }) return { success: true, data: response } } catch (error) { throw createError({ statusCode: 500, statusMessage: 'Failed to send Telegram message', }) } }) ``` > To get the chat id you can check it out in the the browser URL of the chat you have with the bot. ### Trigger it from Vue component Call the server endpoint from your page or component using `$fetch`: ``` ``` That it!

Blog

Send message with Telegram bot in Nuxt

Basic setup for DigitalOcean VPS