Vercel Integration

Overview

The Vercel integration automatically syncs content on deployment and works seamlessly with serverless functions.

Installation

1. Install the RankVectors Vercel integration
2. Connect your Vercel account
3. Select projects to sync
4. Configure webhook endpoints

Configuration

1. Go to your Vercel dashboard
2. Navigate to Integrations > RankVectors
3. Authorize RankVectors
4. Select which deployments to sync

Features

• Automatic Sync on Deploy: Content syncs on each deployment
• Serverless Support: Works with edge functions
• Preview Deployments: Sync preview environments
• API Routes: Use RankVectors in API routes

Usage

Once configured:

1. Deploy your site as usual
2. RankVectors automatically syncs content
3. Generate suggestions via API or dashboard
4. Implement links programmatically

API Usage in Vercel

Use RankVectors in your Vercel API routes:

// pages/api/rankvectors.js
import { RankVectors } from '@rankvectors/rankvectors-javascript'

export default async function handler(req, res) {
  const client = new RankVectors({
    apiKey: process.env.RANKVECTORS_API_KEY
  })
  
  // Sync content on deploy
  if (req.method === 'POST') {
    const result = await client.pages.sync(projectId, {
      url: req.body.url,
      content: req.body.content
    })
    
    res.json(result)
  }
}

Environment Variables

Add your API key to Vercel environment variables:

RANKVECTORS_API_KEY=your_api_key_here

Webhooks

Set up webhooks to sync on deployment:

// api/webhooks/vercel.js
export default async function handler(req, res) {
  // Verify webhook signature
  // Sync content on deployment
}

Troubleshooting

Common issues:

• Deploy not syncing: Check webhook configuration
• API key missing: Verify environment variables
• Edge function issues: Use compatible SDK version

Support

For Vercel-specific issues, contact support at support@rankvectors.com.