Make TON Telegram Mini App 1: Get user data from Telegram

Welcome to the first guide in the Make TON Telegram Mini App series! This project demonstrates how to create a simple Telegram Mini App using Next.js 14 that displays user data from Telegram.

Project Overview

This Telegram Mini App showcases:

• Setting up a Next.js 14 project for Telegram Mini Apps
• Retrieving and displaying user data from Telegram
• Basic TypeScript usage for type safety

Prerequisites

• Node.js (version 14 or higher)
• npm (comes with Node.js)
• A Telegram account

Getting Started

1. Clone the repository:

   git clone https://github.com/nikandr-surkov/Make-TON-Telegram-Mini-App-1.git
   cd Make-TON-Telegram-Mini-App-1

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 in your browser to see the result.

Building for Production

1. Build the app: npm run build

2. The static files will be generated in the out directory. You can deploy these files to any static hosting service.

YouTube Channel

For video tutorials and more in-depth explanations, check out my YouTube channel:

Nikandr Surkov

Next Steps

Stay tuned for the next guide in the Make TON Telegram Mini App series, where we'll explore more advanced features and TON integration!