use next/image

vercel · Aug 23, 2022 · 1254d72 · 1254d72
1 parent 111531a
commit 1254d72
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/examples/with-xata/pages/index.tsx b/examples/with-xata/pages/index.tsx
@@ -1,5 +1,7 @@
-import { InferGetServerSidePropsType } from 'next'
+import type { InferGetServerSidePropsType } from 'next'
+import Image from 'next/image'
 import { getXataClient } from '../utils/xata.codegen'
+import xatafly from '../public/xatafly.gif'
 
 const pushDummyData = async () => {
   const response = await fetch('/api/write-links-to-xata')
@@ -29,7 +31,7 @@ export default function IndexPage({
   return (
     <main>
       <header>
-        <img src="/flap.gif" />
+        <Image src={xatafly} priority />
         <h1>
           Next.js with<span aria-hidden>&#8209;</span>xata
         </h1>

diff --git a/examples/with-xata/public/flap.gif → examples/with-xata/public/xatafly.gif b/examples/with-xata/public/flap.gif → examples/with-xata/public/xatafly.gif