Это стартовый шаблон для создания Telegram Web Apps, использующий Next.js, Tailwind CSS, Shadcn UI.
- Создайте бота и webapp через @BotFather.
- Чтобы была возможность локальной разработки с поддержкой Hot Reload, при создании webapp внутри бота, укажите
https://127.0.0.1:3000в качестве web app URL. - Запустите локальный сервер:
npm run dev:https
# или
yarn dev:https
# или
pnpm dev:https
# или
bun dev:httpsТеперь вы можете открыть своё локальное приложение внутри Telegram.
Начните редактировать app/page.tsx. При редактировании вы будете видеть изменения без перезагрузки.
- Telegram Web Apps - документация Telegram Web Apps.
- @telegram-apps/sdk-react - документация
@telegram-apps/sdk-react. - Next.js Documentation - документация Next.js.
- shadcn/ui - документация shadcn/ui.