This example demonstrates how to use the AI SDK with Next.js with the useObject hook to submit PDF messages to the AI provider of your choice (Google or Anthropic).
Run create-next-app with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-pdf-support ai-sdk-preview-pdf-support-exampleyarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-pdf-support ai-sdk-preview-pdf-support-examplepnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-pdf-support ai-sdk-preview-pdf-support-exampleTo run the example locally you need to:
- Sign up for accounts with the AI providers you want to use (e.g., Google).
- Obtain API keys for Google provider.
- Set the required environment variables as shown in the
.env.examplefile, but in a new file called.env. npm installto install the required dependencies.npm run devto launch the development server.
To learn more about Vercel AI SDK or Next.js take a look at the following resources:
- AI SDK docs
- Vercel AI Playground
- Next.js Documentation - learn about Next.js features and API.