Chat en tiempo real con tRPC y WebSocket — prompt IA
VISTA DE CÓDIGO
Prompt
Create a minimal real-time chat app using tRPC with WebSocket subscriptions. Use Next.js App Router, tRPC v10, zod for validation, and a simple in-memory message store. Include a message list and input form. The UI should be clean (Tailwind CSS). Only one chat room is needed.
このデモは、tRPCとWebSocketサブスクリプションを組み合わせてリアルタイムチャットアプリを構築する方法を示しています。フロントエンドはNext.js App RouterとReact、バックエンド（非表示）はsendMessageミューテーションとonMessageサブスクリプションを公開しています。メッセージはZodで検証され、メモリに保存されます。
ポイント：splitLinkによるHTTP/WSの振り分け、useSubscriptionフック、シンプルなmutations。tRPCのリアルタイム機能を学ぶのに最適です。
Resumen del prompt
Esta demostración muestra cómo combinar tRPC con suscripciones WebSocket para construir una aplicación de chat en tiempo real. El frontend utiliza Next.js App Router y React, mientras que el backend (oculto) expone la mutación sendMessage y la suscripción onMessage. Los mensajes se validan con Zod y se almacenan en memoria.
Puntos clave: distribución HTTP/WS mediante splitLink, hook useSubscription y mutaciones simples. Ideal para aprender las capacidades en tiempo real de tRPC.
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選