使用 Next.js 和 seekdb 构建 Web 应用的完整模板项目，支持服务端渲染、API 路由和向量搜索功能。
使用最新的 Next.js App Router 构建现代化 Web 应用
内置 seekdb-js SDK，实现强大的搜索功能
使用 Next.js 14 的 App Router 和 Server Components
完整的 TypeScript 类型定义和支持
按照以下步骤快速搭建 Next.js + seekdb Web 应用
使用 create-seekdb-app 脚手架工具创建项目
npx create-seekdb-app@latest my-app
# 或使用 pnpm
pnpm create seekdb-app my-app
# 或使用 yarn
yarn create seekdb-app my-app点击"运行"按钮查看结果
在交互式提示中选择 Next.js + seekdb 模板
? Select a template: (Use arrow keys)
❯ Next.js + seekdb
Electron + Next.js + seekdb
Express + seekdb
Fastify + seekdb点击"运行"按钮查看结果
切换到新创建的项目目录
cd my-app点击"运行"按钮查看结果
创建 .env.local 文件并配置 seekdb 连接信息
# .env.local
SEEKDB_HOST=127.0.0.1
SEEKDB_PORT=2881
SEEKDB_USER=root
SEEKDB_PASSWORD=
SEEKDB_DATABASE=test点击"运行"按钮查看结果
在开发模式下运行 Next.js 应用
pnpm dev
# 默认运行在 http://localhost:3000点击"运行"按钮查看结果
模板包含了完整的 API 路由示例，展示如何在服务端使用 seekdb 进行向量搜索
// app/api/search/route.ts
import { SeekdbClient } from 'seekdb';
const client = new SeekdbClient({
host: process.env.SEEKDB_HOST,
port: parseInt(process.env.SEEKDB_PORT || '2881'),
user: process.env.SEEKDB_USER,
password: process.env.SEEKDB_PASSWORD,
database: process.env.SEEKDB_DATABASE,
});
export async function POST(request: Request) {
const { query } = await request.json();
const collection = await client.getCollection('documents');
const results = await collection.query({
queryTexts: query,
nResults: 10,
});
return Response.json(results);
}点击"运行"按钮查看结果