Next.js مع App Router

import { init } from 'siyak-js';

// One module, two instances: the client one keeps localStorage, the server one
// must not touch it.
export const siyak = init({
  apiKey: process.env.NEXT_PUBLIC_SIYAK_KEY!,
  endpoint: process.env.NEXT_PUBLIC_SIYAK_URL!,
  target: 'ar',
  cache: typeof window === 'undefined' ? false : undefined,
});

'use client';
import { siyak } from '@/lib/siyak';

export default function Checkout() {
  return <button>{siyak.t('Continue', 'screen:checkout')}</button>;
}

import { siyak } from '@/lib/siyak';

export default async function Page() {
  siyak.t('Continue', 'screen:checkout');
  await siyak.flush();                        // no repaint up here
  return <p>{siyak.t('Continue', 'screen:checkout')}</p>;
}