✅ Server side or Client side?

async function LoadProduct() {
    const response = await fetch(`/api/product`, {
        method: "GET",
        headers: { "Accept": "application/json" }
    });

    if (!response.ok)
        console.error();

    const data = await response.json();
    const div = `
        <div class="product-container">
            <div class="product-image">
                <img class="product-img" src="../${data.image}" alt="Product Image">
            </div>
            <div class="product-details">
                <p class="titleq pp">${data.title}</p>
                <p class="priceq pp">${data.price}$</p>
                <p class="descriptionq pp">${data.description}</p>
            </div>
        </div>
        `

    document.querySelector("[data-container]").insertAdjacentHTML("beforeend", div);
};