Fetch API returning undefined?

I'm attempting to get the product title from running this short sample code. The console.log returns this data (see attached image). How do I reference the title from the object? I've tried data.title & data[0].title and can't seem to log anything besides undefined.

const api = "https://95northboutique.store/collections/new-arrivals/products/san-francisco-giants-2000-inaugural-season.json";


fetch(api)
    .then(response => response.json())
    .then(data => {
        console.log(data)
    })
    .catch(err => console.log("error:" + err))
image.png
Was this page helpful?