How to Integrate Moz with V0

1// app/api/moz/url-metrics/route.ts
2import { NextRequest, NextResponse } from 'next/server'
3
4const MOZ_API_URL = 'https://lsapi.seomoz.com/v2/url_metrics'
5
6function getMozAuthHeader(): string {
7  const accessId = process.env.MOZ_ACCESS_ID!
8  const secretKey = process.env.MOZ_SECRET_KEY!
9  return `Basic ${Buffer.from(`${accessId}:${secretKey}`).toString('base64')}`
10}
11
12const DEFAULT_METRICS = [
13  'domain_authority',
14  'page_authority',
15  'spam_score',
16  'root_domains_to_root_domain',
17  'unique_links',
18  'nofollow_percent',
19]
20
21// Normalize URL to include protocol
22function normalizeUrl(url: string): string {
23  if (!url.startsWith('http://') && !url.startsWith('https://')) {
24    return `https://${url}`
25  }
26  return url
27}
28
29export async function GET(request: NextRequest) {
30  const { searchParams } = new URL(request.url)
31  const url = searchParams.get('url')
32
33  if (!url) {
34    return NextResponse.json({ error: 'url parameter required' }, { status: 400 })
35  }
36
37  try {
38    const response = await fetch(MOZ_API_URL, {
39      method: 'POST',
40      headers: {
41        Authorization: getMozAuthHeader(),
42        'Content-Type': 'application/json',
43      },
44      body: JSON.stringify({
45        targets: [normalizeUrl(url)],
46        metrics: DEFAULT_METRICS,
47      }),
48      next: { revalidate: 3600 }, // Cache Moz data for 1 hour
49    })
50
51    if (response.status === 401) {
52      return NextResponse.json({ error: 'Invalid Moz API credentials' }, { status: 401 })
53    }
54
55    if (response.status === 429) {
56      return NextResponse.json({ error: 'Moz API rate limit exceeded. Please try again later.' }, { status: 429 })
57    }
58
59    if (!response.ok) {
60      const error = await response.text()
61      return NextResponse.json({ error: `Moz API error: ${error}` }, { status: response.status })
62    }
63
64    const data = await response.json()
65    const metrics = data.results?.[0]
66
67    if (!metrics) {
68      return NextResponse.json({ error: 'No data returned for this URL' }, { status: 404 })
69    }
70
71    return NextResponse.json({
72      url: normalizeUrl(url),
73      domain_authority: Math.round(metrics.domain_authority || 0),
74      page_authority: Math.round(metrics.page_authority || 0),
75      spam_score: Math.round(metrics.spam_score || 0),
76      root_domains_linking: metrics.root_domains_to_root_domain || 0,
77      total_links: metrics.unique_links || 0,
78      nofollow_percent: Math.round(metrics.nofollow_percent || 0),
79    })
80  } catch (error) {
81    return NextResponse.json({ error: 'Failed to fetch Moz metrics' }, { status: 500 })
82  }
83}
84
85export async function POST(request: NextRequest) {
86  try {
87    const { urls } = await request.json()
88
89    if (!Array.isArray(urls) || urls.length === 0) {
90      return NextResponse.json({ error: 'urls array required' }, { status: 400 })
91    }
92
93    if (urls.length > 25) {
94      return NextResponse.json({ error: 'Maximum 25 URLs per request' }, { status: 400 })
95    }
96
97    const targets = urls.map(normalizeUrl)
98
99    const response = await fetch(MOZ_API_URL, {
100      method: 'POST',
101      headers: {
102        Authorization: getMozAuthHeader(),
103        'Content-Type': 'application/json',
104      },
105      body: JSON.stringify({ targets, metrics: DEFAULT_METRICS }),
106    })
107
108    if (!response.ok) {
109      return NextResponse.json({ error: 'Moz API request failed' }, { status: response.status })
110    }
111
112    const data = await response.json()
113
114    const results = data.results.map((metrics: any, index: number) => ({
115      url: targets[index],
116      domain_authority: Math.round(metrics.domain_authority || 0),
117      page_authority: Math.round(metrics.page_authority || 0),
118      spam_score: Math.round(metrics.spam_score || 0),
119      root_domains_linking: metrics.root_domains_to_root_domain || 0,
120      total_links: metrics.unique_links || 0,
121    }))
122
123    return NextResponse.json({ results })
124  } catch (error) {
125    return NextResponse.json({ error: 'Bulk metrics fetch failed' }, { status: 500 })
126  }
127}

1// Vercel Dashboard → Settings → Environment Variables:
2// MOZ_ACCESS_ID = your_moz_access_id
3// MOZ_SECRET_KEY = your_moz_secret_key
4
5// Client-side DA checker component
6'use client'
7import { useState } from 'react'
8
9interface MozMetrics {
10  url: string
11  domain_authority: number
12  page_authority: number
13  spam_score: number
14  root_domains_linking: number
15  total_links: number
16  nofollow_percent: number
17}
18
19export function DomainAuthorityChecker() {
20  const [url, setUrl] = useState('')
21  const [metrics, setMetrics] = useState<MozMetrics | null>(null)
22  const [loading, setLoading] = useState(false)
23  const [error, setError] = useState<string | null>(null)
24
25  async function checkDomain(e: React.FormEvent) {
26    e.preventDefault()
27    if (!url.trim()) return
28
29    setLoading(true)
30    setError(null)
31    setMetrics(null)
32
33    try {
34      const response = await fetch(`/api/moz/url-metrics?url=${encodeURIComponent(url.trim())}`)
35      const data = await response.json()
36
37      if (!response.ok) {
38        throw new Error(data.error || 'Failed to fetch metrics')
39      }
40
41      setMetrics(data)
42    } catch (err) {
43      setError(err instanceof Error ? err.message : 'Failed to check domain')
44    } finally {
45      setLoading(false)
46    }
47  }
48
49  function getDaLabel(score: number): string {
50    if (score >= 80) return 'Excellent'
51    if (score >= 60) return 'Good'
52    if (score >= 40) return 'Average'
53    if (score >= 20) return 'Below Average'
54    return 'Poor'
55  }
56
57  return (
58    <div className="space-y-6">
59      <form onSubmit={checkDomain} className="flex gap-3">
60        <input
61          type="text"
62          value={url}
63          onChange={(e) => setUrl(e.target.value)}
64          placeholder="Enter domain (e.g., example.com)"
65          className="flex-1 px-4 py-2 border border-gray-300 rounded-lg"
66        />
67        <button
68          type="submit"
69          disabled={loading}
70          className="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-500 disabled:opacity-50"
71        >
72          {loading ? 'Checking...' : 'Check DA'}
73        </button>
74      </form>
75      {metrics && (
76        <div className="space-y-4">
77          <p className="text-lg font-medium">
78            Domain Authority for <span className="text-blue-600">{metrics.url}</span>:
79            {' '}<span className="font-bold">{metrics.domain_authority}</span> ({getDaLabel(metrics.domain_authority)})
80          </p>
81        </div>
82      )}
83    </div>
84  )
85}