GPT

App Router Features

interface ProductGridProps { category: string sort?: 'asc' | 'desc' } export async function ProductGrid({ category, sort }: ProductGridProps) { const products = await db.products.findMany({ where: { category }, ord

Prompt text

Original English text. Replace placeholders with your own details.

interface ProductGridProps {
 category: string
 sort?: 'asc' | 'desc'
}

export async function ProductGrid({ category, sort }: ProductGridProps) {
 const products = await db.products.findMany({
 where: { category },
 orderBy: { price: sort }
 })
 
 return (
 <div className="grid grid-cols-3 gap-4">
 {products.map(product => (
 <ProductCard key={product.id} product={product} />
 ))}
 </div>
 )
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →