React and Next.js
Install the packages, keep the signing key on the server, and render <Tuix /> from a Server Component.
You’ll need
- Next.js with React 19
- Node 22.12+
- Your project key and signing key
Transcript
1. Install the packages
2. Add the keys to the server environment
3. Render Tuix from a Server Component
- In a Server Component, look up the signed-in user from your session.
- signIdentity signs it with your key. Pass an email only if your app verified it.
- Tuix renders no HTML. It starts the widget with the signed identity.
- Keep the config stable: inline in a Server Component, or in useMemo on the client.
- A few details for real apps.