AINative SDK 快速入门

1. 获取 API 密钥（30 秒）

# 自动创建项目 + API 密钥，并配置 IDE 的 MCP 服务器
npx zerodb init

该命令输出如下内容：

API Key: ak_...
Project ID: proj_...
MCP config written to .claude/mcp.json (or cursor/mcp.json)

或手动在 https://app.ainative.studio → Settings → API Keys 页面创建。

2. 选择您的 SDK

3. React

npm install @ainative/react-sdk

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

function App() {
  return (
    
      
    
  );
}

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

  return (
    

      {messages.map((m, i) => 
{m.role}: {m.content}
)}
       sendMessage([...messages, { role: 'user', content: 'Hello' }])}
              disabled={isLoading}>
        Send
      
    
  );
}

4. Next.js

npm install @ainative/next-sdk

// 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.AINATIVE_API_KEY! });

  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

npm install @ainative/svelte-sdk

{#each $chat.messages as msg}
  
{msg.role}: {msg.content}
{/each}
 chat.sendMessage([...$chat.messages, { role: 'user', content: 'Hi' }])}>
  Send

6. Vue

npm install @ainative/vue-sdk

7. 环境变量

# .env
AINATIVE_API_KEY=ak_your_key
NEXT_PUBLIC_AINATIVE_API_KEY=ak_your_key  # Next.js 客户端侧使用

参考文档

• 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 源码