AINative SDK 快速入门

1. 获取API密钥（30秒）

bash

自动创建项目+API密钥，配置IDE的MCP服务器

输出结果：

API密钥: ak_...
项目ID: proj_...
MCP配置已写入 .claude/mcp.json（或 cursor/mcp.json）

或手动创建：访问 https://app.ainative.studio → 设置 → API密钥。

2. 选择您的SDK

3. React

bash
npm install @ainative/react-sdk

tsx
import { AINativeProvider, useChat } from @ainative/react-sdk;

function App() {
return (
yourkey }}>


);
}

function Chat() {
const { messages, sendMessage, isLoading } = useChat({
model: claude-3-5-sonnet-20241022,
});

return (

4. Next.js

bash
npm install @ainative/next-sdk

typescript
// app/api/chat/route.ts
import { createServerClient } from @ainative/next-sdk/server;

export async function POST(request: Request) {
const { messages } = await request.json();
const client = createServerClient({ apiKey: process.env.AINATIVEAPIKEY! });

const result = await client.chat.completions.create({
model: claude-3-5-sonnet-20241022,
messages,
stream: true,
});

return new Response(result.body, {
headers: { Content-Type: text/event-stream },
});
}

5. Svelte

bash
npm install @ainative/svelte-sdk

svelte

{#each $chat.messages as msg}

{msg.role}: {msg.content}

6. Vue

bash
npm install @ainative/vue-sdk

vue

7. 环境变量

bash

.env

参考资料

• - packages/sdks/react/ — React SDK源码
• packages/sdks/nextjs/ — Next.js SDK源码
• packages/sdks/svelte/ — Svelte SDK源码
• packages/sdks/vue/ — Vue SDK源码
• packages/zerodb-cli/ — zerodb init源码