How to make fetch request on server before sending html to client?

import { createResource } from "solid-js";

const fetchData = async () => {
  "use server";
  const response = await fetch(
    "http://localhost:5000/api/items?" +
      new URLSearchParams({
        type: "11",
        min: "0",
        max: "1000000",
        polygon:
          "29.00743125000136 59.284420699563725, 13.36290000000119 59.284420699563725, -2.2816312499989806 59.284420699563725, -2.2816312499989806 32.5773969429995, 13.36290000000119 32.5773969429995, 29.00743125000136 32.5773969429995, 29.00743125000136 59.284420699563725",
        polygon2: "",
        itemSort: "new",
      })
  );
  const res = await response.json();
  console.log(res);
  return res;
};

export default function Home() {
  const data = createResource(fetchData);
  console.log(data);

  return <main>{data.toString()}</main>;
}

[
  [Function: read] { loading: true, error: undefined, state: 'pending' },
  { refetch: [Function: load], mutate: [Function: mutate] }
]