feat: Add Vercel deployment support with AI API integration #63
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Add Anthropic (Claude) adapter for AI SDK - Create vercel.json configuration for monorepo deployment - Add .env.production.example with comprehensive AI provider setup - Create VERCEL_DEPLOYMENT.md with detailed deployment guide - Add interactive setup script for AI providers (setup-ai-providers.mjs) - Update README.md with Vercel deployment instructions This enables users to deploy BuildingAI to Vercel with their own API keys for Claude, ChatGPT, DeepSeek, Gemini, and other AI providers. Supported AI Providers: - OpenAI (ChatGPT) ✓ - Anthropic (Claude) ✓ NEW - DeepSeek ✓ - Google (Gemini) ✓ - And more...
- Add .vercelignore to exclude extensions, templates, and dev files - Update vercel.json to use filtered install command - Change build to static generation instead of SSR - Update VERCEL_DEPLOYMENT.md with new build configuration This fixes the build error where TypeScript was trying to compile extensions that require @buildingai/extension-sdk. The build now focuses only on the web package with proper filtering.
- Create build:vercel script using turbo filter - Build @buildingai/buildingai-ui with all dependencies - Update vercel.json to use new build:vercel command - Fixes TypeScript errors for missing @buildingai/types, constants, utils This ensures all workspace dependencies are built before the web package.
Change from --filter=@buildingai/buildingai-ui... to --filter=...@buildingai/buildingai-ui The ... before the package name means: build all dependencies AND the package itself. The ... after means: only build dependencies (excluding the package). This fixes the missing output directory error.
Add 'build' script that runs nuxt generate. This allows Turbo to properly build the package when using --filter=...@buildingai/buildingai-ui. Previously, Turbo only built dependencies because buildingai-ui lacked a 'build' task.
Changed imports in public agent chat component from relative paths (../../../console/...) to alias paths (~/pages/console/...) to fix build errors. The Nuxt config excludes console pages from the public build pattern, so relative paths fail during static generation. - AgentAnnotationModal: Use ~/pages/console/ai/agent/components/logs/annotation-modal.vue - VariableInput: Use ~/pages/console/ai/agent/components/configuration/variable-input.vue
Copy annotation-modal.vue and variable-input.vue from console pages to components/shared/ directory to enable public pages to import them. Console pages are excluded from build pattern (pages.pattern: ["!console/**/*.*"]), so public pages cannot import from console pages directly. By maintaining copies in components/shared/, public pages can import using alias paths (~/components/shared/...) while console pages continue using relative paths. Files added: - app/components/shared/agent/logs/annotation-modal.vue - app/components/shared/agent/configuration/variable-input.vue Note: Original files in pages/console/ are kept for console pages use.
ungden
force-pushed
the
claude/vercel-deployment-api-integration-01XK1XCANg5DqmVNn2BJ9d7W
branch
from
19fa6ec to
78e4543
Compare
Change imports in public/agent/components/chat.vue from console pages paths to shared components paths: - ~/pages/console/... → ~/components/shared/agent/... This ensures public pages import from the shared components directory instead of trying to access console pages which are excluded from build.
Add annotation-modal.vue and variable-input.vue as NEW files with fresh git history to resolve Vercel build issues. Files: - packages/web/buildingai-ui/app/components/shared/agent/logs/annotation-modal.vue - packages/web/buildingai-ui/app/components/shared/agent/configuration/variable-input.vue
Changed the logs ignore pattern from 'logs/' to '/logs/' to only ignore the root-level logs directory. This prevents Vercel from excluding the app/components/shared/agent/logs/ directory which contains required Vue components like annotation-modal.vue.
Changed outputDirectory from 'packages/web/buildingai-ui/.output/public' to 'public/web' to match where the release script copies the built files. The build process copies files from .output/public to public/web, so Vercel needs to look for the output in the correct location.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This enables users to deploy BuildingAI to Vercel with their own API keys for Claude, ChatGPT, DeepSeek, Gemini, and other AI providers.
Supported AI Providers: