How to Integrate Bolt.new with eBay API

1// app/api/ebay/route.ts
2import { NextResponse } from 'next/server';
3
4const EBAY_CLIENT_ID = process.env.EBAY_CLIENT_ID;
5const EBAY_CLIENT_SECRET = process.env.EBAY_CLIENT_SECRET;
6const IS_SANDBOX = process.env.EBAY_SANDBOX === 'true';
7
8const EBAY_API_BASE = IS_SANDBOX
9  ? 'https://api.sandbox.ebay.com'
10  : 'https://api.ebay.com';
11const EBAY_TOKEN_URL = `${EBAY_API_BASE}/identity/v1/oauth2/token`;
12
13// Module-level token cache (works for dev; use Redis/KV for production serverless)
14let cachedToken: { value: string; expiresAt: number } | null = null;
15
16async function getApplicationToken(): Promise<string> {
17  if (cachedToken && cachedToken.expiresAt > Date.now() + 60_000) {
18    return cachedToken.value;
19  }
20
21  const credentials = Buffer.from(`${EBAY_CLIENT_ID}:${EBAY_CLIENT_SECRET}`).toString('base64');
22
23  const response = await fetch(EBAY_TOKEN_URL, {
24    method: 'POST',
25    headers: {
26      'Authorization': `Basic ${credentials}`,
27      'Content-Type': 'application/x-www-form-urlencoded',
28    },
29    body: 'grant_type=client_credentials&scope=https%3A%2F%2Fapi.ebay.com%2Foauth%2Fapi_scope',
30  });
31
32  if (!response.ok) {
33    throw new Error(`eBay token request failed: ${response.statusText}`);
34  }
35
36  const data = await response.json();
37  cachedToken = {
38    value: data.access_token,
39    expiresAt: Date.now() + data.expires_in * 1000,
40  };
41  return cachedToken.value;
42}
43
44export async function GET(request: Request) {
45  const { searchParams } = new URL(request.url);
46  const action = searchParams.get('action');
47
48  try {
49    const token = await getApplicationToken();
50
51    if (action === 'search') {
52      const query = searchParams.get('q') || '';
53      const limit = searchParams.get('limit') || '20';
54      const minPrice = searchParams.get('minPrice');
55      const maxPrice = searchParams.get('maxPrice');
56      const condition = searchParams.get('condition'); // NEW, USED, etc.
57
58      const filters: string[] = [];
59      if (minPrice || maxPrice) {
60        filters.push(`price:[${minPrice || '*'}..${maxPrice || '*'}],priceCurrency:USD`);
61      }
62      if (condition) filters.push(`conditions:{${condition}}`);
63
64      const params = new URLSearchParams({
65        q: query,
66        limit,
67        ...(filters.length > 0 && { filter: filters.join(',') }),
68        fieldgroups: 'EXTENDED',
69        sort: 'price',
70      });
71
72      const res = await fetch(
73        `${EBAY_API_BASE}/buy/browse/v1/item_summary/search?${params}`,
74        { headers: { 'Authorization': `Bearer ${token}`, 'X-EBAY-C-MARKETPLACE-ID': 'EBAY_US' } }
75      );
76
77      const data = await res.json();
78      return NextResponse.json(data);
79    }
80
81    return NextResponse.json({ error: 'Unknown action' }, { status: 400 });
82  } catch (err) {
83    const message = err instanceof Error ? err.message : 'Unknown error';
84    return NextResponse.json({ error: message }, { status: 500 });
85  }
86}

1# .env
2EBAY_CLIENT_ID=your-ebay-app-id
3EBAY_CLIENT_SECRET=your-ebay-cert-id
4EBAY_SANDBOX=true

1// components/EbaySearchResults.tsx
2import { useState } from 'react';
3
4interface EbayItem {
5  itemId: string;
6  title: string;
7  price: { value: string; currency: string };
8  condition: string;
9  image?: { imageUrl: string };
10  itemWebUrl: string;
11  seller: { username: string; feedbackPercentage: string };
12}
13
14interface SearchFilters {
15  query: string;
16  condition?: string;
17  minPrice?: string;
18  maxPrice?: string;
19}
20
21export function EbaySearchResults() {
22  const [filters, setFilters] = useState<SearchFilters>({ query: '' });
23  const [items, setItems] = useState<EbayItem[]>([]);
24  const [total, setTotal] = useState(0);
25  const [offset, setOffset] = useState(0);
26  const [loading, setLoading] = useState(false);
27  const LIMIT = 20;
28
29  const search = async (newOffset = 0) => {
30    setLoading(true);
31    const params = new URLSearchParams({
32      action: 'search',
33      q: filters.query,
34      limit: String(LIMIT),
35      offset: String(newOffset),
36      ...(filters.condition && { condition: filters.condition }),
37      ...(filters.minPrice && { minPrice: filters.minPrice }),
38      ...(filters.maxPrice && { maxPrice: filters.maxPrice }),
39    });
40    const res = await fetch(`/api/ebay?${params}`);
41    const data = await res.json();
42    if (newOffset === 0) {
43      setItems(data.itemSummaries || []);
44    } else {
45      setItems(prev => [...prev, ...(data.itemSummaries || [])]);
46    }
47    setTotal(data.total || 0);
48    setOffset(newOffset + LIMIT);
49    setLoading(false);
50  };
51
52  const conditionColor = (c: string) => {
53    if (c === 'NEW') return 'bg-green-100 text-green-800';
54    if (c.includes('USED') || c.includes('LIKE_NEW') || c.includes('EXCELLENT')) return 'bg-yellow-100 text-yellow-800';
55    return 'bg-gray-100 text-gray-800';
56  };
57
58  const formatPrice = (price: EbayItem['price']) =>
59    new Intl.NumberFormat('en-US', { style: 'currency', currency: price.currency }).format(
60      parseFloat(price.value)
61    );
62
63  return (
64    <div className="p-4">
65      <div className="flex gap-2 mb-4 flex-wrap">
66        <input
67          placeholder="Search eBay..."
68          value={filters.query}
69          onChange={e => setFilters(f => ({ ...f, query: e.target.value }))}
70          onKeyDown={e => e.key === 'Enter' && search()}
71          className="flex-1 min-w-48 border rounded px-3 py-2"
72        />
73        <select
74          value={filters.condition || ''}
75          onChange={e => setFilters(f => ({ ...f, condition: e.target.value || undefined }))}
76          className="border rounded px-3 py-2"
77        >
78          <option value="">Any condition</option>
79          <option value="NEW">New</option>
80          <option value="USED">Used</option>
81        </select>
82        <button onClick={() => search()} className="bg-yellow-400 px-4 py-2 rounded font-medium">
83          Search
84        </button>
85      </div>
86      {total > 0 && <p className="text-sm text-gray-500 mb-3">{total.toLocaleString()} results</p>}
87      <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
88        {items.map(item => (
89          <div key={item.itemId} className="border rounded p-3">
90            {item.image && (
91              <img src={item.image.imageUrl} alt={item.title} className="w-full h-32 object-contain mb-2" />
92            )}
93            <p className="text-sm font-medium line-clamp-2 mb-1">{item.title}</p>
94            <p className="text-lg font-bold text-green-700">{formatPrice(item.price)}</p>
95            <span className={`text-xs px-2 py-0.5 rounded ${conditionColor(item.condition)}`}>
96              {item.condition.replace(/_/g, ' ')}
97            </span>
98            <p className="text-xs text-gray-500 mt-1">{item.seller.username} ({item.seller.feedbackPercentage}%)</p>
99            <a href={item.itemWebUrl} target="_blank" rel="noopener noreferrer"
100              className="text-xs text-blue-600 underline mt-1 block">
101              View on eBay
102            </a>
103          </div>
104        ))}
105      </div>
106      {items.length < total && (
107        <button onClick={() => search(offset)} disabled={loading}
108          className="mt-4 w-full border rounded py-2 text-sm hover:bg-gray-50">
109          {loading ? 'Loading...' : `Load more (${total - items.length} remaining)`}
110        </button>
111      )}
112    </div>
113  );
114}

1// app/api/ebay/health/route.ts
2import { NextResponse } from 'next/server';
3
4export async function GET() {
5  const clientId = process.env.EBAY_CLIENT_ID;
6  const clientSecret = process.env.EBAY_CLIENT_SECRET;
7
8  if (!clientId || !clientSecret) {
9    return NextResponse.json(
10      { status: 'error', message: 'eBay credentials not configured' },
11      { status: 500 }
12    );
13  }
14
15  try {
16    const isSandbox = process.env.EBAY_SANDBOX === 'true';
17    const tokenUrl = isSandbox
18      ? 'https://api.sandbox.ebay.com/identity/v1/oauth2/token'
19      : 'https://api.ebay.com/identity/v1/oauth2/token';
20    const credentials = Buffer.from(`${clientId}:${clientSecret}`).toString('base64');
21    const res = await fetch(tokenUrl, {
22      method: 'POST',
23      headers: { 'Authorization': `Basic ${credentials}`, 'Content-Type': 'application/x-www-form-urlencoded' },
24      body: 'grant_type=client_credentials&scope=https%3A%2F%2Fapi.ebay.com%2Foauth%2Fapi_scope',
25    });
26    if (!res.ok) throw new Error(`Token request failed: ${res.status}`);
27    return NextResponse.json({
28      status: 'ok',
29      environment: isSandbox ? 'sandbox' : 'production',
30    });
31  } catch (err) {
32    return NextResponse.json(
33      { status: 'error', message: err instanceof Error ? err.message : 'Unknown error' },
34      { status: 500 }
35    );
36  }
37}