How to Integrate Semrush with V0

1// app/api/semrush/overview/route.ts
2import { NextRequest, NextResponse } from 'next/server';
3
4const SEMRUSH_API_BASE = 'https://api.semrush.com/';
5
6function parseSemrushResponse(text: string): Record<string, string>[] {
7  const lines = text.trim().split('\n');
8  if (lines.length < 2) return [];
9
10  const headers = lines[0].split(';');
11  return lines.slice(1).map((line) => {
12    const values = line.split(';');
13    return headers.reduce((obj, header, i) => {
14      obj[header.trim()] = (values[i] || '').trim();
15      return obj;
16    }, {} as Record<string, string>);
17  });
18}
19
20export async function GET(request: NextRequest) {
21  const apiKey = process.env.SEMRUSH_API_KEY;
22
23  if (!apiKey) {
24    return NextResponse.json({ error: 'SEMrush API key not configured' }, { status: 500 });
25  }
26
27  const { searchParams } = new URL(request.url);
28  const domain = searchParams.get('domain');
29  const database = searchParams.get('db') || 'us';
30
31  if (!domain) {
32    return NextResponse.json({ error: 'domain parameter is required' }, { status: 400 });
33  }
34
35  try {
36    // Fetch domain overview (10 API units)
37    const overviewParams = new URLSearchParams({
38      type: 'domain_ranks',
39      key: apiKey,
40      domain,
41      database,
42      export_columns: 'Dn,Rk,Or,Ot,Oc,Ad,At,Ac',
43    });
44
45    const overviewRes = await fetch(
46      `${SEMRUSH_API_BASE}?${overviewParams.toString()}`,
47      { next: { revalidate: 3600 } } // Cache 1 hour
48    );
49
50    if (!overviewRes.ok) {
51      throw new Error(`SEMrush API error: ${overviewRes.status}`);
52    }
53
54    const overviewText = await overviewRes.text();
55
56    // Check for SEMrush error response
57    if (overviewText.startsWith('ERROR')) {
58      const errorCode = overviewText.split(' ')[1];
59      if (errorCode === '50') {
60        return NextResponse.json(
61          { error: 'SEMrush API units exhausted' },
62          { status: 429 }
63        );
64      }
65      throw new Error(`SEMrush error: ${overviewText}`);
66    }
67
68    const overviewRows = parseSemrushResponse(overviewText);
69    const overview = overviewRows[0] || {};
70
71    // Fetch top organic keywords (10 units per 10 rows)
72    const keywordsParams = new URLSearchParams({
73      type: 'domain_organic',
74      key: apiKey,
75      domain,
76      database,
77      display_limit: '20',
78      export_columns: 'Ph,Po,Pp,Pd,Nq,Cp,Ur,Tr,Tl,Kd',
79      display_sort: 'tr_desc',
80    });
81
82    const keywordsRes = await fetch(
83      `${SEMRUSH_API_BASE}?${keywordsParams.toString()}`,
84      { next: { revalidate: 3600 } }
85    );
86    const keywordsText = await keywordsRes.text();
87    const keywords = keywordsText.startsWith('ERROR')
88      ? []
89      : parseSemrushResponse(keywordsText).map((row) => ({
90          keyword: row['Keyword'] || row['Ph'],
91          position: parseInt(row['Position'] || row['Po'] || '0'),
92          searchVolume: parseInt(row['Search Volume'] || row['Nq'] || '0'),
93          traffic: parseFloat(row['Traffic'] || row['Tr'] || '0'),
94          cpc: parseFloat(row['CPC'] || row['Cp'] || '0'),
95          url: row['URL'] || row['Ur'],
96        }));
97
98    return NextResponse.json({
99      domain,
100      summary: {
101        organicKeywords: parseInt(overview['Organic Keywords'] || overview['Or'] || '0'),
102        organicTraffic: parseInt(overview['Organic Traffic'] || overview['Ot'] || '0'),
103        paidKeywords: parseInt(overview['Paid Keywords'] || overview['Ad'] || '0'),
104        paidTraffic: parseInt(overview['Paid Traffic'] || overview['At'] || '0'),
105        authorityScore: parseInt(overview['Authority Score'] || overview['Rk'] || '0'),
106      },
107      keywords,
108    });
109  } catch (error) {
110    console.error('SEMrush API error:', error);
111    return NextResponse.json(
112      { error: 'Failed to fetch SEMrush data' },
113      { status: 500 }
114    );
115  }
116}

1// app/api/semrush/credits/route.ts
2import { NextResponse } from 'next/server';
3
4export async function GET() {
5  const apiKey = process.env.SEMRUSH_API_KEY;
6
7  if (!apiKey) {
8    return NextResponse.json({ error: 'API key not configured' }, { status: 500 });
9  }
10
11  try {
12    const res = await fetch(
13      `https://api.semrush.com/?type=units_stat&key=${apiKey}`,
14      { next: { revalidate: 300 } } // Cache 5 minutes
15    );
16    const text = await res.text();
17
18    if (text.startsWith('ERROR')) {
19      return NextResponse.json({ error: 'Failed to fetch unit balance' }, { status: 500 });
20    }
21
22    const units = parseInt(text.trim(), 10);
23    return NextResponse.json({ units, low: units < 1000 });
24  } catch (error) {
25    console.error('SEMrush credits error:', error);
26    return NextResponse.json({ error: 'Request failed' }, { status: 500 });
27  }
28}