The real-time layer
for the app you're building

import { Livqeno } from '@livqeno/server';

const livqeno = new Livqeno({
  apiKey: process.env.LIVQENO_API_KEY!,
  baseUrl: process.env.LIVQENO_API_URL!,
});

app.post('/join-room', async (req, res) => {
  const room = await livqeno.rooms.create({
    name: 'standup',
    getOrCreate: true,
  });

  const grant = await livqeno.tokens.create({
    room: room.id,
    identity: req.user.id, // from your session
    permissions: { join: true, publish: true, subscribe: true },
  });

  res.json(grant);
});

'use client';
import { LivqenoRoom, useRemoteParticipants, ParticipantView } from '@livqeno/react';

export function Call({ grant }) {
  return (
    <LivqenoRoom
      token={grant.token}
      endpoint={grant.endpoint}
      iceServers={grant.iceServers}
      telemetryUrl={grant.telemetryUrl}
      room={grant.roomName}
    >
      <Grid />
    </LivqenoRoom>
  );
}

function Grid() {
  const people = useRemoteParticipants();
  return people.map((p) => (
    <ParticipantView key={p.identity} participant={p} />
  ));
}