lesson-4

iamshaunjp · iamshaunjp · commit 75efac53e80a · 2021-01-04T16:57:35.000Z
diff --git a/comps/Navbar.js b/comps/Navbar.js
@@ -1,12 +1,14 @@
+import Link from 'next/link';
+
 const Navbar = () => {
   return (
     <nav>
       <div className="logo">
         <h1>Ninja List</h1>
       </div>
-      <a>Home</a>
-      <a>About</a>
-      <a>Ninja Listing</a>
+      <Link href="/"><a>Home</a></Link>
+      <Link href="/about"><a>About</a></Link>
+      <Link href="/ninjas/"><a>Ninja Listing</a></Link>
     </nav>
 );
 }
diff --git a/pages/index.js b/pages/index.js
@@ -1,6 +1,7 @@
 import Head from 'next/head'
 import Footer from '../comps/Footer'
 import Navbar from '../comps/Navbar'
+import Link from 'next/link'
 import styles from '../styles/Home.module.css'
 
 export default function Home() {
@@ -10,6 +11,9 @@ export default function Home() {
       <h1>Homepage</h1>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus animi impedit suscipit architecto, odio inventore nostrum non neque dicta. Quam magni accusantium culpa distinctio tempore iure accusamus, dolorem nobis odit.</p>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus animi impedit suscipit architecto, odio inventore nostrum non neque dicta. Quam magni accusantium culpa distinctio tempore iure accusamus, dolorem nobis odit.</p>
+      <Link href="/ninjas/">
+        <a>See Ninja Listing</a>
+      </Link>
       <Footer />
     </div>
   )
