Bitcoin Price Tracker Template

React
Vite

A live Bitcoin price in eight currencies, with the 24-hour change, high, low, market cap and volume.

A React app that shows the current Bitcoin price in US dollars, euros, pounds, yen and four more currencies. Pick a currency to see the price, the 24-hour change, high and low, the market cap and the trading volume. It refreshes every minute. Use it as a price widget, or lift the function to add prices to your own dashboard.

What it does

Eight currencies: Switch between USD, EUR, GBP, JPY, CAD, AUD, CHF and CNY, formatted the way each currency is written.
The 24-hour picture: Shows the change, high and low over the last day, alongside the market cap and volume.
Refreshes itself: Fetches a new price every minute, or on demand with the Refresh button.
Keeps your key private: The page calls a Vercel function in api/, which holds the key, checks the input and limits each visitor to 10 refreshes a minute.
Runs locally in one command: npm run dev serves the page and runs the api/ functions together, the same way Vercel does, with no CLI to install.

How it works

The Vercel function: it checks the currency and calls Bitcoin Price.

api/price.js

import { guard, callApi, respond, fail } from '../lib/apiverve.js';

const CURRENCIES = ['USD', 'EUR', 'GBP', 'JPY', 'CAD', 'AUD', 'CHF', 'CNY'];

/** GET /api/price?currency=USD: the current Bitcoin price, 24h change, range and volume. */
export async function GET(request) {
  const blocked = guard(request);
  if (blocked) return blocked;

  const currency = new URL(request.url).searchParams.get('currency') || 'USD';
  if (!CURRENCIES.includes(currency)) return fail(`Currency must be one of ${CURRENCIES.join(', ')}`);

  return respond(() => callApi('bitcoin', { query: { currency } }));
}

See the whole file on GitHub →

Deploy it

Get a free API key
The free plan includes 200 credits a month, no card needed. Create your key.
Deploy it
Click Deploy to Vercel. Vercel copies the repo to your GitHub account and asks for APIVERVE_API_KEY: paste your key there.
Open your app
Vercel builds it and gives you a live URL, usually in about a minute. Every push to the repo redeploys it.

Try the Bitcoin Price API — the call this template makes

Request

GETapi.apiverve.com/v1/bitcoin

Verification

Format

No key required to try it. Get a key to use it in your app.

Example

{
  "status": "ok",
  "error": null,
  "data": {
    "price": 80621,
    "marketCap": 1620852883292,
    "volume24h": 23453847279,
    "change24h": 0.52,
    "currency": "USD",
    "lastUpdated": "2026-10-27T17:41:09.843Z",
    "high24h": 80621,
    "low24h": 79416,
    "changeAmount24h": 417.2,
    "change1h": 0.07,
    "change7d": -2.45,
    "change30d": -4.65,
    "change1y": -29.97,
    "marketCapRank": 1,
    "circulatingSupply": 20104350,
    "totalSupply": 20104409,
    "maxSupply": 21000000,
    "fullyDilutedValuation": 1620857639990,
    "allTimeHigh": 126080,
    "allTimeHighDate": "2025-10-06T10:57:42.000Z",
    "percentFromAllTimeHigh": -36.06,
    "allTimeLow": 67.81,
    "allTimeLowDate": "2013-07-05T16:00:00.000Z",
    "high30d": 86489.73,
    "low30d": 80029.43,
    "average30d": 82773.02,
    "volatility30d": 1.3193,
    "daily": [
      {
        "date": "2026-09-28",
        "price": 83479.25,
        "marketCap": 1677138373123.67,
        "volume24h": 41541721154.86
      },
      {
        "date": "2026-09-29",
        "price": 83640.1,
        "marketCap": 1680405670009.95,
        "volume24h": 29007802596.08
      },
      {
        "date": "2026-09-30",
        "price": 83576.13,
        "marketCap": 1679120514824.05,
        "volume24h": 35066512389.82
      },
      {
        "date": "2026-10-01",
        "price": 84841.67,
        "marketCap": 1704652759050.2,
        "volume24h": 33100807361.31
      },
      {
        "date": "2026-10-02",
        "price": 84506.47,
        "marketCap": 1697953579634.35,
        "volume24h": 45423081877.15
      },
      {
        "date": "2026-10-03",
        "price": 84742.79,
        "marketCap": 1702737315286.27,
        "volume24h": 14790418116.02
      },
      {
        "date": "2026-10-04",
        "price": 86489.73,
        "marketCap": 1737878978541.3,
        "volume24h": 17426360350.68
      },
      {
        "date": "2026-10-05",
        "price": 85770.87,
        "marketCap": 1723479563822.4,
        "volume24h": 31361712130.87
      },
      {
        "date": "2026-10-06",
        "price": 85540.09,
        "marketCap": 1718883142480.07,
        "volume24h": 26923752236.97
      },
      {
        "date": "2026-10-07",
        "price": 83282.05,
        "marketCap": 1673545872851.79,
        "volume24h": 39447580075.09
      },
      {
        "date": "2026-10-08",
        "price": 81685.89,
        "marketCap": 1641512859266.02,
        "volume24h": 42759290795.71
      },
      {
        "date": "2026-10-09",
        "price": 82564.29,
        "marketCap": 1659200907954.54,
        "volume24h": 26322309482.27
      },
      {
        "date": "2026-10-10",
        "price": 82917.9,
        "marketCap": 1666346379048.68,
        "volume24h": 14844875004.31
      },
      {
        "date": "2026-10-11",
        "price": 83690.87,
        "marketCap": 1681917572795.23,
        "volume24h": 15154188868.08
      },
      {
        "date": "2026-10-12",
        "price": 81794.85,
        "marketCap": 1643852506928,
        "volume24h": 27710289641.52
      },
      {
        "date": "2026-10-13",
        "price": 83115.1,
        "marketCap": 1670428029173.6,
        "volume24h": 31216634003.01
      },
      {
        "date": "2026-10-14",
        "price": 81603.65,
        "marketCap": 1640092365666.06,
        "volume24h": 33806769353.61
      },
      {
        "date": "2026-10-15",
        "price": 82155.54,
        "marketCap": 1651229242068.2,
        "volume24h": 40395142289.56
      },
      {
        "date": "2026-10-16",
        "price": 81523.66,
        "marketCap": 1638531203401.84,
        "volume24h": 28327794739.93
      },
      {
        "date": "2026-10-17",
        "price": 81408.35,
        "marketCap": 1636213549330.08,
        "volume24h": 14193438779.83
      },
      {
        "date": "2026-10-18",
        "price": 82019.58,
        "marketCap": 1648498719891.2,
        "volume24h": 20233776355.03
      },
      {
        "date": "2026-10-19",
        "price": 81875.26,
        "marketCap": 1645598075026.09,
        "volume24h": 25801005531.15
      },
      {
        "date": "2026-10-20",
        "price": 82943.83,
        "marketCap": 1667075047131.56,
        "volume24h": 27926195682.99
      },
      {
        "date": "2026-10-21",
        "price": 84082.27,
        "marketCap": 1689956272727.96,
        "volume24h": 32168983739.06
      },
      {
        "date": "2026-10-22",
        "price": 81328.21,
        "marketCap": 1634863330362.04,
        "volume24h": 33259629772.86
      },
      {
        "date": "2026-10-23",
        "price": 81102.31,
        "marketCap": 1630357952779.02,
        "volume24h": 24080202631.04
      },
      {
        "date": "2026-10-24",
        "price": 80810.57,
        "marketCap": 1624538623440.71,
        "volume24h": 21863053585.99
      },
      {
        "date": "2026-10-25",
        "price": 80048.85,
        "marketCap": 1609254730125.75,
        "volume24h": 14036774037.12
      },
      {
        "date": "2026-10-26",
        "price": 80029.43,
        "marketCap": 1608907416309.57,
        "volume24h": 28524432511.52
      },
      {
        "date": "2026-10-27",
        "price": 80621,
        "marketCap": 1620852883292,
        "volume24h": 23453847279
      }
    ],
    "changeDirection": "up",
    "formatted": {
      "price": "$80,621.00",
      "marketCap": "$1.62T",
      "volume": "$23.45B",
      "priceWords": "eighty thousand, six hundred twenty-one dollars"
    }
  }
}

Bitcoin Price Tracker Template

What it does

How it works

Deploy it

Try the Bitcoin Price API — the call this template makes

Build your own with Bitcoin Price. Start with 200 free credits. One key unlocks all 300+ APIs.

Explore the catalog