const API_URL = 'https://api.cubestack.app/api/v1/my-project';

async function getProducts() {
  const response = await fetch(`${API_URL}/products`);
  const { data } = await response.json();
  return data;
}

import { useState, useEffect } from 'react';

function ProductList() {
  const [products, setProducts] = useState([]);

  useEffect(() => {
    fetch('https://api.cubestack.app/api/v1/my-project/products')
      .then(res => res.json())
      .then(({ data }) => setProducts(data));
  }, []);

  return (
    <ul>
      {products.map(product => (
        <li key={product.id}>{product.name} - ${product.price}</li>
      ))}
    </ul>
  );
}

export async function getStaticProps() {
  const res = await fetch('https://api.cubestack.app/api/v1/my-project/products');
  const { data } = await res.json();

  return {
    props: { products: data },
    revalidate: 60
  };
}

const response = await fetch(`${API_URL}/products`, {
  headers: { 'X-Api-Key': process.env.CUBESTACK_API_KEY }
});