{"id":18317472,"url":"https://github.com/telegram-mini-apps/nextjs-tsdk-template","last_synced_at":"2025-04-05T21:32:20.271Z","repository":{"id":245737067,"uuid":"819028692","full_name":"Telegram-Mini-Apps/nextjs-tsdk-template","owner":"Telegram-Mini-Apps","description":"Telegram Mini Apps application template using Nex.jst, TypeScript, TON Connect and Telegram SDK.","archived":true,"fork":false,"pushed_at":"2025-01-07T11:04:51.000Z","size":243,"stargazers_count":7,"open_issues_count":2,"forks_count":3,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-26T03:42:19.120Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Telegram-Mini-Apps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-23T15:16:44.000Z","updated_at":"2025-03-26T00:18:12.000Z","dependencies_parsed_at":"2024-07-27T12:57:25.362Z","dependency_job_id":null,"html_url":"https://github.com/Telegram-Mini-Apps/nextjs-tsdk-template","commit_stats":null,"previous_names":["telegram-mini-apps/nextjs-tsdk-template"],"tags_count":0,"template":true,"template_full_name":"Telegram-Mini-Apps/nextjs-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Telegram-Mini-Apps%2Fnextjs-tsdk-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Telegram-Mini-Apps%2Fnextjs-tsdk-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Telegram-Mini-Apps%2Fnextjs-tsdk-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Telegram-Mini-Apps%2Fnextjs-tsdk-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Telegram-Mini-Apps","download_url":"https://codeload.github.com/Telegram-Mini-Apps/nextjs-tsdk-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247406080,"owners_count":20933803,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T18:06:12.916Z","updated_at":"2025-04-05T21:32:20.254Z","avatar_url":"https://github.com/Telegram-Mini-Apps.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Telegram Mini Apps Next.js Template\n\n\u003e [!WARNING]\n\u003e This template is archived and is more likely to be out of date.\n\nThis template demonstrates how developers can implement a web application on the Telegram\nMini Apps platform using the following technologies and libraries:\n\n- [Next.js](https://nextjs.org/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [TON Connect](https://docs.ton.org/develop/dapps/ton-connect/overview)\n- [Telegram SDK](https://core.telegram.org/bots/webapps#initializing-mini-apps)\n- [Telegram UI](https://github.com/Telegram-Mini-Apps/TelegramUI)\n\n\u003e The template was created using [pnpm](https://pnpm.io/). Therefore, it is required to use\n\u003e it for this project as well. Using other package managers, you will receive a corresponding error.\n\n## Install Dependencies\n\nIf you have just cloned this template, you should install the project dependencies using the\ncommand:\n\n```Bash\npnpm install\n```\n\n## Scripts\n\nThis project contains the following scripts:\n\n- `dev`. Runs the application in development mode.\n- `dev:https`. Runs the application in development mode using self-signed SSL certificate.\n- `build`. Builds the application for production.\n- `start`. Starts the Next.js server in production mode.\n- `lint`. Runs [eslint](https://eslint.org/) to ensure the code quality meets the required\n  standards.\n\nTo run a script, use the `pnpm run` command:\n\n```Bash\npnpm run {script}\n# Example: pnpm run build\n```\n\n## Create Bot and Mini App\n\nBefore you start, make sure you have already created a Telegram Bot. Here is\na [comprehensive guide](https://docs.telegram-mini-apps.com/platform/creating-new-app) on how to\ndo it.\n\n## Run\n\nAlthough Mini Apps are designed to be opened\nwithin [Telegram applications](https://docs.telegram-mini-apps.com/platform/about#supported-applications),\nyou can still develop and test them outside of Telegram during the development process.\n\nTo run the application in the development mode, use the `dev` script:\n\n```bash\npnpm run dev\n```\n\nAfter this, you will see a similar message in your terminal:\n\n```bash\n▲ Next.js 14.2.3\n- Local:        http://localhost:3000\n\n✓ Starting...\n✓ Ready in 2.9s\n```\n\nTo view the application, you need to open the `Local`\nlink (`http://localhost:3000` in this example) in your browser.\n\n### Run Inside Telegram\n\nAlthough it is possible to run the application outside of Telegram, it is recommended to develop it\nwithin Telegram for the most accurate representation of its real-world functionality.\n\nTo run the application inside Telegram, [@BotFather](https://t.me/botfather) requires an HTTPS link.\n\nThis template already provides a solution.\n\nTo retrieve a link with the HTTPS protocol, consider using the `dev:https` script:\n\n```bash\n$ pnpm run dev:https\n\n▲ Next.js 14.2.3\n- Local:        https://localhost:3000\n\n✓ Starting...\n✓ Ready in 2.4s\n```\n\nVisiting the `Local` link (`https://localhost:3000` in this example) in your\nbrowser, you will see the following warning:\n\n![SSL Warning](assets/ssl-warning.png)\n\nThis browser warning is normal and can be safely ignored as long as the site is secure. Click\nthe `Proceed to localhost (unsafe)` button to continue and view the application.\n\nOnce the application is displayed correctly, submit the\nlink `https://127.0.0.1:3000` (`https://localhost:3000` is considered as invalid by BotFather) as\nthe Mini App link to [@BotFather](https://t.me/botfather). Then, navigate\nto [https://web.telegram.org/k/](https://web.telegram.org/k/), find your bot, and launch the\nTelegram Mini App. This approach provides the full development experience.\n\n## Deploy\n\nThe easiest way to deploy your Next.js app is to use\nthe [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme)\nfrom the creators of Next.js.\n\nCheck out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more\ndetails.\n\n## Useful Links\n\n- [Platform documentation](https://docs.telegram-mini-apps.com/)\n- [Telegram developers community chat](https://t.me/devs)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelegram-mini-apps%2Fnextjs-tsdk-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftelegram-mini-apps%2Fnextjs-tsdk-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelegram-mini-apps%2Fnextjs-tsdk-template/lists"}