3 replies

Pusher with Vercel or Netlify?

I have a T3 stack application working locally that sends and receives real-time notifications perfectly well on localhost:3000.

When deploying to Netlify or Vercel, the pusher messages don't seem to send, or when they do, it takes 10-30 seconds to send/receive the messages.

Just some context. I make API calls with trpc and the api sends a pusher trigger like this:

const pusher = new Pusher({
  appId: env.PUSHER_APP_ID,
  key: env.PUSHER_KEY,
  secret: env.PUSHER_SECRET,
  cluster: env.PUSHER_CLUSTER,
  useTLS: true
});

export const pusherRouter = createTRPCRouter({
    connect: publicProcedure
      .input(z.object({ name: z.string(), role: z.number() }))
      .query(({ input }) => {
        pusher.trigger(env.PUSHER_CHANNEL, env.PUSHER_EVENT, {
          event: "connect",
          name: input.name,
          role: input.role,
          role_name: indexToRoleName[input.role],
          role_key: indexToRoleKey[input.role]
        });
      
        return "success";
      }),
...

const pusher = new Pusher({
  appId: env.PUSHER_APP_ID,
  key: env.PUSHER_KEY,
  secret: env.PUSHER_SECRET,
  cluster: env.PUSHER_CLUSTER,
  useTLS: true
});

export const pusherRouter = createTRPCRouter({
    connect: publicProcedure
      .input(z.object({ name: z.string(), role: z.number() }))
      .query(({ input }) => {
        pusher.trigger(env.PUSHER_CHANNEL, env.PUSHER_EVENT, {
          event: "connect",
          name: input.name,
          role: input.role,
          role_name: indexToRoleName[input.role],
          role_key: indexToRoleKey[input.role]
        });
      
        return "success";
      }),
...

Any idea how to address this or debug this?

TTC

Theo's Typesafe Cult•3y ago•

3 replies

jeff.kershner

Pusher with Vercel or Netlify?

const pusher = new Pusher({
  appId: env.PUSHER_APP_ID,
  key: env.PUSHER_KEY,
  secret: env.PUSHER_SECRET,
  cluster: env.PUSHER_CLUSTER,
  useTLS: true
});

export const pusherRouter = createTRPCRouter({
    connect: publicProcedure
      .input(z.object({ name: z.string(), role: z.number() }))
      .query(({ input }) => {
        pusher.trigger(env.PUSHER_CHANNEL, env.PUSHER_EVENT, {
          event: "connect",
          name: input.name,
          role: input.role,
          role_name: indexToRoleName[input.role],
          role_key: indexToRoleKey[input.role]
        });
      
        return "success";
      }),
...

const pusher = new Pusher({
  appId: env.PUSHER_APP_ID,
  key: env.PUSHER_KEY,
  secret: env.PUSHER_SECRET,
  cluster: env.PUSHER_CLUSTER,
  useTLS: true
});

export const pusherRouter = createTRPCRouter({
    connect: publicProcedure
      .input(z.object({ name: z.string(), role: z.number() }))
      .query(({ input }) => {
        pusher.trigger(env.PUSHER_CHANNEL, env.PUSHER_EVENT, {
          event: "connect",
          name: input.name,
          role: input.role,
          role_name: indexToRoleName[input.role],
          role_key: indexToRoleKey[input.role]
        });
      
        return "success";
      }),
...

Any idea how to address this or debug this?

Pusher with Vercel or Netlify?

Similar Threads

Pusher with Vercel or Netlify?

Similar Threads

Similar Threads

Similar Threads