Drop to CDN
Use Drop to CDN with AI apps and agents through Vercel Connect. Follow a complete setup guide for secure runtime access.
Install the skill
$ npx skills add vercel/vercel-plugin --skill vercel-connectConnect to
Drop to CDN$ vercel connect create drop-to-cdn --name acme-drop-to-cdnUse its data in agents(opens in new tab) and apps(opens in new tab)
import { getToken } from '@vercel/connect';const token = await getToken('drop-to-cdn/acme-drop-to-cdn');
Use Drop to CDN in apps and agents
Upload files and publish HTML pages to public CDN URLs, then list, inspect, and delete hosted files.
Read the Drop to CDN developer docs(opens in new tab)Why use Vercel Connect with Drop to CDN?
Credentials on demand
Request Drop to CDN credentials only when your application or agent needs them instead of copying secrets into application code.
Access for the right subject
Keep app-scoped Drop to CDN access behind a reusable connector controlled by your team.
Centralized credential management
Manage Drop to CDN credentials in one place and retrieve them through a consistent runtime API.
Vercel-native controls
Bind connections to the projects and environments that need them while Vercel OIDC authenticates each runtime request.
Use Drop to CDN with your stack
Follow a complete setup for the Connect SDK or a supported agent framework.
Add Drop to CDN to an existing Vercel application with the Connect SDK.
Install the Connect SDK
npm install @vercel/connectCreate the Drop to CDN connector
Run these commands from the project that will use the connection.
vercel linkvercel connect create drop-to-cdn --name acme-drop-to-cdnvercel env pullRequest Drop to CDN credentials
app/api/route.tsimport { getToken } from '@vercel/connect';const token = await getToken('drop-to-cdn/acme-drop-to-cdn');