惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
H
Help Net Security
云风的 BLOG
云风的 BLOG
Apple Machine Learning Research
Apple Machine Learning Research
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Hugging Face - Blog
Hugging Face - Blog
博客园_首页
D
Docker
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Blog — PlanetScale
Blog — PlanetScale
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
GbyAI
GbyAI
博客园 - Franky
B
Blog RSS Feed
Stack Overflow Blog
Stack Overflow Blog
L
LangChain Blog
量子位
V
Visual Studio Blog
Y
Y Combinator Blog
小众软件
小众软件
N
Netflix TechBlog - Medium
博客园 - 三生石上(FineUI控件)
Microsoft Security Blog
Microsoft Security Blog
雷峰网
雷峰网

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
Yo Vibe Coders, Stop Building FE Slop and Use Telegram Gr...
Ryo Suwito · 2026-05-30 · via DEV Community

We know. We KNOW. AI has been slopping you React frontends faster than you can say npm install. Tailwind components, shadcn copy-paste, v0 screenshots, the whole pipeline. Bro your "frontend" is just vibes and dependencies at this point 😮‍💨

But real talk — do you actually need a web interface, or do you just need something to interact with your backend?

Sit down. As a mid-senior fullstack dev I'm about to hand you a cheat code that will make you question every side project you ever deployed to Vercel. Grab a pen and paper fella because I'm only saying this once.

Your frontend is a Telegram group.

No seriously. Put the laptop down. Let that marinate.


The Stack (No Brainer Edition)

Here it is. The whole thing:

  • FastAPI — your backend. clean, fast, you already know it.
  • SQLite — your database. one file. on your disk. done.
  • ngrok — exposes your localhost to the world. free tier exists.
  • Telegram Bot — your entire frontend, UX, notification system, and auth layer.

Infra cost? Your potato PC and ngrok. That's it. Cope that your electricity doesn't go out randomly.

If you're feeling fancy, slap it on a $5 VPS and you're running a production-grade hobby setup. Whatever. Point is there's no AWS bill coming at the end of the month to ruin your weekend.

No Docker compose files with 9 services. No CI/CD pipeline. No node_modules folder eating 400MB of your SSD. No "deployment failed" notification at 2am.

Just:

uvicorn main:app --reload
ngrok http 8000

and you're live. genuinely.


Groups Are Pages, Actually

Here's the mindset shift that breaks your brain in a good way.

Every Telegram group your bot is invited to = one page of your app.

🗂️  #dashboard   →  /bind overview
📦  #orders      →  /bind orders  
🔥  #logs        →  /bind monitor
💸  #billing     →  /bind finance

How does the bot know which "page" it's on? chat_id. That's it. Every group has a unique chat_id. Your bot receives a message, checks the chat_id, looks up which service is bound to it, and routes accordingly.

You just built URL routing with zero code. Telegram handed it to you.

And look what you get for FREE on top of that:

  • Auth — Telegram users ARE their accounts. no JWT, no OAuth, no "forgot password" flow. they exist, they're in the group, they're authed.
  • Push notifications — just sendMessage to the group. that's a notification.
  • File handling — images, PDFs, CSVs. upload, download, just works.
  • Buttons — inline keyboards. no CSS. no click handlers. no state management. just a list of strings with callbacks.
  • Mobile + Desktop — Telegram runs everywhere. your "responsive design" is Telegram's problem now.
  • Audit log — the chat history IS your activity log. everything your bot ever posted, timestamped, searchable. for free.
  • Collaboration — multi-user? just invite them to the group. that's your RBAC.

You didn't build any of this. It was just there.


One Bot, Many Microservices (The Accidental Architecture)

Okay now it gets unhinged.

You can take this further. Same bot instance, different groups, each group bound to a completely different microservice.

Telegram
   │
   ├── group #A  (chat_id: 111) ──►  Service A  :8001
   ├── group #B  (chat_id: 222) ──►  Service B  :8002
   └── group #C  (chat_id: 333) ──►  Service C  :8003

         bot = your API gateway

Your bot is literally just a router. It doesn't know what the services do. It just translates Telegram events into HTTP calls and Telegram messages back. Each service is dumb — it just returns "what to say." Clean separation. No service knows about Telegram at all.

And here's the kicker: your services are independently everything. Independent SQLite. Independent FastAPI instance. Independent deployment. You want to update the billing service? You restart :8002. The rest of your "app" doesn't flinch.

People pay real money for infra that does this — service discovery, routing, isolation. You got it by thinking about group chats differently. Congrats on your accidental microservices architecture. Put it on your CV.


Clear Chat = Refresh Page

This one is my favorite.

You know how sometimes your UI just feels cluttered? Too much state on screen, too many old messages, overwhelming?

You're an admin. Just clear the chat history.

Zero consequences. The bot doesn't care. FastAPI doesn't care. SQLite DEFINITELY doesn't care. The actual state of your app lives in your database. The chat is just the render buffer. Wipe it whenever.

It's like having a terminal you can clear without killing the process.

Compare this to a real frontend where "resetting UI state" is a whole ticket. localStorage cleanup, cache busting, Redux resets, "why is stale data still showing up." Two days of your life gone.

Or you could just... clear chat. as admin. in 2 taps.


Go Build Something

Look. This is for your hobby projects. To save you from Vercel bills, from npm hell, from building a whole React app for a thing your wife, neighbor, and dog are the only users of.

Share the groups with whoever needs access. That's your user management. That's your multi-tenant solution. You need more than that? Hire a proper team then. Okay? Good.

Now close this tab and go /bind something.


FastAPI + SQLite + ngrok + one Telegram bot. That's the stack. Touch grass after shipping.