Theo's Typesafe Cult•2y ago

Chat with trpc / nextjs / vercel

Hello, I would like to make a messaging system with trpc and nextjs. I host everything on Vercel so I need it to work in serverless. https://trpc.io/docs/subscriptions Is it possible to use this with upstash for example? Thanks

Subscriptions / WebSockets | tRPC

Using Subscriptions

10 Replies

Neto•2y ago

https://www.youtube.com/watch?v=dXRRY37MPuk

TomDoesTech

YouTube

Build a Live Chat Application with the T3 Stack - TypeScript, Tailw...

Repository: https://github.com/TomDoesTech/t3-chat In this view, we build a live chat application with the T3 stack, tRPC, Tailwind & TypeScript. 🌎 Follow me here: Discord: https://discord.gg/4ae2Esm6P7 Twitter: https://twitter.com/tomdoes_tech Facebook: https://www.facebook.com/tomdoestech Instagram: https://www.instagram.com/tomdoestech Ti...

Neto•2y ago

with vercel you won't be able to create a chat-like feature

nexxel•2y ago

you can use a websockets provider like pusher

MeyerOP•2y ago

This is what I understood with all my research ( even using services like Pusher, Ably etc it is still not adapted with TRPC ) 😦 Ah, but Pusher and TRPC don't work, do they?

Neto•2y ago

you can send messages to trpc, and from there you send to pusher and listen to the messages on the client (react)

MeyerOP•2y ago

thanks

ManuRodgers•2y ago

Hey mate, can you give me some code example in terms of how to use Pusher or Ably with trpc?

Neto•2y ago

const appRouter = router({
  someMutation: publicProcedure
    .mutation(async ({ ctx }) => {
      ctx.pusher.trigger('some-channel', 'some-event', {
        message: "hello world",
      })
    }),
});

const appRouter = router({
  someMutation: publicProcedure
    .mutation(async ({ ctx }) => {
      ctx.pusher.trigger('some-channel', 'some-event', {
        message: "hello world",
      })
    }),
});

pass the pusher instance in a higher middleware

MeyerOP•2y ago

and in the client use pusher js to subscribe

MadaShindeInai•2y ago

https://discord.com/channels/966627436387266600/1106927247136411820 A bit more info about that

Gaming

Programming

Chat with trpc / nextjs / vercel