From a6eb7faac19c218c9388beeb4033dff375668b5e Mon Sep 17 00:00:00 2001
From: Steven Tey <stevensteel97@gmail.com>
Date: Mon, 14 Nov 2022 11:04:26 -0600
Subject: [PATCH] Convert blog cover images to next/image

---
 examples/blog-starter/components/cover-image.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/examples/blog-starter/components/cover-image.tsx b/examples/blog-starter/components/cover-image.tsx
index 3755f3fb36ba8..6402992661f69 100644
--- a/examples/blog-starter/components/cover-image.tsx
+++ b/examples/blog-starter/components/cover-image.tsx
@@ -1,5 +1,6 @@
 import cn from 'classnames'
 import Link from 'next/link'
+import Image from 'next/image'
 
 type Props = {
   title: string
@@ -9,12 +10,14 @@ type Props = {
 
 const CoverImage = ({ title, src, slug }: Props) => {
   const image = (
-    <img
+    <Image
       src={src}
       alt={`Cover Image for ${title}`}
       className={cn('shadow-sm', {
         'hover:shadow-lg transition-shadow duration-200': slug,
       })}
+      width={1300}
+      height={630}
     />
   )
   return (