Updated head, img -> Image, type { NextPage } as default next-app

Everything updated in accordance to latest yarn create next-app
vercel · Feb 18, 2022 · 7826955 · 7826955
1 parent a74af1f
commit 7826955
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/examples/with-tailwindcss/pages/index.tsx b/examples/with-tailwindcss/pages/index.tsx
@@ -1,10 +1,13 @@
+import type { NextPage } from 'next'
 import Head from 'next/head'
+import Image from 'next/image'
 
-export default function Home() {
+const Home: NextPage = () => {
   return (
     <div className="flex min-h-screen flex-col items-center justify-center py-2">
       <Head>
         <title>Create Next App</title>
+        <meta name="description" content="Generated by create next app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
@@ -68,15 +71,17 @@ export default function Home() {
 
       <footer className="flex h-24 w-full items-center justify-center border-t">
         <a
-          className="flex items-center justify-center"
+          className="flex items-center justify-center gap-2"
           href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
           target="_blank"
           rel="noopener noreferrer"
         >
           Powered by{' '}
-          <img src="/vercel.svg" alt="Vercel Logo" className="ml-2 h-4" />
+          <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
         </a>
       </footer>
     </div>
   )
 }
+
+export default Home