Next.js Upstash Telegram License: MIT
PixEdge is a professional-grade, open-source image hosting platform designed for speed and infinite scalability. It leverages the Telegram Bot API as a decentralized storage backend and Upstash Redis for high-performance metadata management, delivering Media directly through edge redirection.
- 📦 Messaging-Backbone Storage: Unlimited, free, and decentralized storage powered by Telegram infrastructure.
- 🏎️ Edge Content Delivery: Uses high-speed redirection (302) to minimize server bandwidth and maximize delivery speed.
- 🛠️ Developer-First API: Fully versioned REST API (
/api/v1) for programmatic uploads and metadata retrieval. - 💎 Premium UX/UI: A stunning, glassmorphic dark-mode interface built with Framer Motion and Outfit typography.
- 🔗 Custom Vanity URLs: Support for custom file names and human-readable slugs.
- 📊 Real-time Analytics: Built-in view counters and metadata tracking (size, format, timestamp).
- 📱 QR Integration: Instant QR code generation for every uploaded asset.
- Framework: Next.js 15+ (App Router)
- Database: Upstash Redis
- Storage: Telegram Bot API
- Styling: Vanilla CSS + Framer Motion
- API: Versioned REST JSON API
PixEdge is built with a developer-first approach. You can programmatically upload images and retrieve metadata using our versioned REST API.
Endpoint: POST /api/v1/upload
Content-Type: multipart/form-data
| Parameter | Type | Required | Description |
|---|---|---|---|
file |
File | Yes | The image file to upload. |
customId |
String | No | Custom vanity slug for the link. |
Example Request (cURL):
curl -X POST https://your-pixedge.com/api/v1/upload \ -F "file=@/path/to/image.jpg" \ -F "customId=my-awesome-link"
Endpoint: GET /api/v1/info/[id]
Example Response:
{
"success": true,
"data": {
"id": "my-awesome-link",
"url": "https://pixedge.link/i/my-awesome-link",
"views": 42,
"created_at": 1705500000000,
"metadata": {
"size": 102400,
"type": "image/jpeg"
}
}
}PixEdge is Open Source and built for the community! We are actively looking for collaborators and contributors to make this the ultimate image hosting solution.
- Fork the repository and experiment with new features.
- Open an Issue if you find bugs or have feature requests.
- Submit Pull Requests for UI improvements, API enhancements, or documentation.
- Join the Discussion: Help us shape the future of edge-based messaging storage.
- A Telegram Bot Token (From @BotFather)
- A Telegram Chat ID (Use @userinfobot)
- An Upstash Redis account (Free tier is perfect)
Create a .env.local file:
TELEGRAM_BOT_TOKEN=your_token TELEGRAM_CHAT_ID=your_id UPSTASH_REDIS_REST_URL=your_url UPSTASH_REDIS_REST_TOKEN=your_token NEXT_PUBLIC_BASE_URL=https://your-deployment.com
PixEdge includes a built-in Telegram Bot for direct uploads from your messaging app.
Once you deploy PixEdge to Vercel (or any public URL), you must link your bot to the webhook endpoint. Visit the following URL in your browser:
https://api.telegram.org/bot<YOUR_BOT_TOKEN>/setWebhook?url=https://your-domain.com/api/webhook/telegram
/start: Show the welcome message./uploador/tgm: Upload an image./help: Shows the instructions.
- Direct Upload: Send any Media or File (as image/video) to the bot for an instant link.
- Reply to Upload: Reply to any existing image in a chat with
/uploador/tgmto host it on PixEdge. - DB Tracking: Every upload is forwarded to your storage channel with a caption identifying the user (Name + ID or @Username).
graph LR
User --> API[Next.js API]
API --> Redis[Upstash Redis]
API --> Telegram[Telegram CDN]
Redis -- "Metadata" --> API
Telegram -- "File ID" --> API
telegram-storage image-hosting cdn edge-computing telegraph upstash nextjs redis-database open-source serverless fast-upload decentralized-storage developer-api
Stay updated with the latest features and get support for PixEdge:
- 📢 Updates: @EdgeBots
- 💬 Support Group: @EdgeBotSupport
Distributed under the MIT License. Feel free to use, modify, and distribute as you wish!
Made with ❤️ by Geekluffy