Desenvolupament Next.js a Andorra

import { Suspense } from 'react'
import { ProductGrid } from '@/components/product-grid'
import { getProducts } from '@/lib/api'

export const metadata = {
  title: 'Products | AndorraDev Store',
  description: 'Browse our product catalog',
}

export default async function ProductsPage({
  searchParams,
}: {
  searchParams: Promise<{ category?: string }>
}) {
  const { category } = await searchParams
  const products = await getProducts({ category })

  return (
    <main className="container mx-auto px-4 py-8">
      <h1 className="text-3xl font-bold mb-8">
        {category ?? 'All Products'}
      </h1>
      <Suspense fallback={<ProductGridSkeleton />}>
        <ProductGrid products={products} />
      </Suspense>
    </main>
  )
}