StockX API with JavaScript

Collecting products from StockX API using KicksDB and JavaScript

Requesting products from StockX API is straightforward using KicksDB and fetch API in JavaScript.

const API_KEY = "your-api-key";
const URL = "https://api.kicks.dev/v3/stockx/products";
const params = new URLSearchParams({
  query: "Nike Dunk SB Low Fog",
});

const response = await fetch(`${URL}?${params.toString()}`, {
  headers: {
    Authorization: `Bearer ${API_KEY}`,
  },
});
const data = await response.json();

for (const product of data.data) {
  console.log(`${product.title} - ${product.sku}`);
}

It should output something like this:

Nike SB Dunk Low Fog - BQ6817-010
Nike SB Dunk Low Black Midnight Fog - 304292-025
Nike SB Dunk Low Obsidian Midnight Fog Black - 304292-403
Nike SB Dunk Low Supreme 94 Ocean Fog - HQ8487-400
Nike Dunk SB Low Krampus - HV1668-001
Nike SB Dunk Low Mummy - DM0774-111
Nike SB Dunk Low Piet Mondrian - 304292-702
...

Recommendations

• Avoid storing API key in your code, use environment variables instead (process.env).
• More parameters can be added to the request, see the API reference for more information.
• Prefer async/await over then/catch for better readability.
• You might be interested in OpenAPI Generator to generate client libraries for your favorite programming language, it might help you to interact with the API in a more convenient way.