1
import FeaturedVendor from "@/components/featured-vendor";
2
import type { BusinessPrisma, CategoryPrisma } from "@repo/types";
3
import Image from "next/image";
4
import { Suspense } from "react";
5

6
export type FeaturedBusiness = Pick<
7
  BusinessPrisma,
8
  "id" | "name" | "logo_url" | "average_rating" | "total_reviews"
9
> & {
10
  category: CategoryPrisma;
11
};
12

13
const getBusinesses = async () => {
14
  const BASE_URL = process.env.API_URL;
15
  const data = await fetch(`${BASE_URL}/api/businesses`, {
16
    // cache: "force-cache",
17
    next: {
18
      // revalidate: 60 * 60 * 24, // 24 hours
19
    },
20
  });
21
  const businesses: FeaturedBusiness[] = await data.json();
22
  return businesses;
23
};
24

25
const businesses = await getBusinesses();
26

27
export default async function StorePage() {
28
  return (
29
      <Suspense fallback={<div>Loading...</div>}>
30
        <FeaturedVendor title="Restaurants near you" businesses={businesses} />
31
      </Suspense>
32
  );
33
}