Hey there,

I am having an issue, probably something super easy that I've overlooked.
But when I call an API from an external source, like this example below it works:
const test = async () => { const response = await fetch("https://fakestoreapi.com/products"); const data = await response.json(); return data; }; export default async function Home() { const products = await test(); return ( <main> <h1>Products</h1> {products.map((product) => ( <div key={product.id}> <h2>{product.title}</h2> <p>{product.price}</p> </div> ))} </main> ); }


I've tried creating my own internal route under api/products that looks like this:
import { NextResponse } from "next/server"; export async function GET() { try { const response = await fetch("https://fakestoreapi.com/products"); const products = await response.json(); return NextResponse.json(products, { status: 200 }); } catch (error) { return NextResponse.json({ error }, { status: 500 }); } }

When I try this in Postman it works, but when I try to call it on my server side rendered page I don't get it to work, I just get this error while using fetch: Failed to parse URL from /api/products

I assume there is another way to do this correct, I just don't know how.

Thanks in advanced!