WebSockets for Vercel

npm install @pushflodev/sdk

"use client";
import { useEffect, useState } from 'react';
import { PushFloClient } from '@pushflodev/sdk';

export default function Dashboard() {
  const [messages, setMessages] = useState([]);

  useEffect(() => {
    const client = new PushFloClient({
      publishKey: process.env.NEXT_PUBLIC_PUSHFLO_KEY,
    });

    client.connect();

    const sub = client.subscribe('updates:dashboard', {
      onMessage: (msg) => {
        setMessages((prev) => [...prev, msg.content]);
      },
    });

    return () => {
      sub.unsubscribe();
      client.disconnect();
    };
  }, []);

  return (
    <div>
      {messages.map((msg, i) => (
        <div key={i}>{JSON.stringify(msg)}</div>
      ))}
    </div>
  );
}

import { PushFloServer } from '@pushflodev/sdk/server';
import { NextResponse } from 'next/server';

const pushflo = new PushFloServer({
  secretKey: process.env.PUSHFLO_SECRET_KEY,
});

export async function POST(request: Request) {
  const data = await request.json();

  // Process your webhook or business logic
  // ...

  // Push update to all connected clients
  await pushflo.publish('updates:dashboard', {
    type: 'new-order',
    orderId: data.orderId,
    timestamp: Date.now(),
  });

  return NextResponse.json({ success: true });
}