Let your site answer back.

1. 1

   Install the package

   terminal

   pnpm add @chat-aide/sveltekit

2. 2

   Add the server hook

   src/hooks.server.ts

   import { aide } from '@chat-aide/sveltekit/server';
   import { ANTHROPIC_API_KEY } from '$env/static/private';
   
   export const handle = aide({
   	provider: { name: 'anthropic', apiKey: ANTHROPIC_API_KEY, model: 'claude-haiku-4-5' },
   	origin: 'https://example.com'
   });

3. 3

   Drop in the widget

   src/routes/+layout.svelte

   <script>
   	import { ChatWidget } from '@chat-aide/sveltekit';
   	let { children } = $props();
   </script>
   
   {@render children()}
   <ChatWidget />

That is the whole install. Read the SvelteKit guide for providers, origin and verification.

1. 1

   Install the packages

   terminal

   pnpm add @chat-aide/next @chat-aide/react

2. 2

   Add the route handler

   app/api/chat/route.ts

   import { createAide, fromEnv } from '@chat-aide/next';
   
   const aide = createAide(() => ({
   	provider: fromEnv(process.env),
   	origin: 'https://example.com'
   }));
   
   export const { GET, POST } = aide.chat;

3. 3

   Drop in the widget

   app/layout.tsx

   import '@chat-aide/react/plain.css';
   import { ChatWidget } from '@chat-aide/react';
   
   export default function RootLayout({ children }) {
   	return (
   		<html lang="en">
   			<body>
   				{children}
   				<ChatWidget />
   			</body>
   		</html>
   	);
   }

That is the whole install. Read the Next.js guide for providers, origin and verification.