Some minor adjustments to MySQL example.

examples/with-mysql/README.md

@@ -75,7 +75,7 @@ Push the database schema to your PlanetScale database using Prisma.
 
 Run the seed script to populate your database with `Product` and `Category` data.
 
-`npx run seed`
+`npm run seed`
 
 ## Run the App
 

examples/with-mysql/components/Product.js

@@ -5,13 +5,14 @@ export default function Product({ product }) {
 
   return (
     <div
-      className="max-w-xs rounded overflow-hidden shadow-lg"
+      className="max-w-[250px] rounded overflow-hidden shadow-lg"
       key={product.id}
     >
       <Image
         className="w-full"
-        width={320}
-        height={160}
+        width={250}
+        height={250}
+        objectFit="cover"
         src={image}
         alt={name}
       />

examples/with-mysql/prisma/data.js

@@ -17,31 +17,31 @@ const categories = [
 
 const products = [
   {
-    name: 'Cool hat.',
-    description: 'A nice hat to wear on your head',
+    name: 'Cool helmet.',
+    description: 'A nice helmet to wear on your head',
     price: new Prisma.Decimal(19.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/helmet.jpg',
     category_id: 1,
   },
   {
     name: 'Grey T-Shirt',
     description: 'A nice shirt that you can wear on your body',
     price: new Prisma.Decimal(22.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/shirt.jpg',
     category_id: 3,
   },
   {
     name: 'Socks',
     description: 'Cool socks that you can wear on your feet',
     price: new Prisma.Decimal(12.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/socks.jpg',
     category_id: 2,
   },
   {
     name: 'Sweatshirt',
     description: 'Cool sweatshirt that you can wear on your body',
     price: new Prisma.Decimal(12.95),
-    image: '/images/placeholder.jpg',
+    image: '/images/sweatshirt.jpg',
     category_id: 3,
   },
 ]