Telegram WebApp Integration
Secure authentication and native Telegram WebApp features
Loading Telegram WebApp...
Detecting Telegram environment...
Environment Info
In Telegram:No
Theme:light
Auth Status:loading
How to Use
For Development:
- โข Open this app in a regular browser to see the "Not in Telegram" state
- โข The app automatically detects the Telegram WebApp environment
- โข Mock data is used for testing outside of Telegram
For Production:
- โข Create a Telegram bot using @BotFather
- โข Set the Web App URL to your deployed application
- โข Configure TELEGRAM_LOGIN_BOT_TOKEN in environment variables
- โข Users can access the app through the bot's menu button
Authentication Flow:
- โข User opens the WebApp from Telegram
- โข initData is automatically validated on the server
- โข User account is created/linked in the database
- โข NextAuth session is established with Hasura claims