lesson-13

iamshaunjp · iamshaunjp · commit a1c7d69d8ca8 · 2021-01-05T12:03:44.000Z
diff --git a/pages/ninjas/[id].js b/pages/ninjas/[id].js
@@ -15,10 +15,23 @@ export const getStaticPaths = async () => {
   }
 }
 
-const Details = () => {
+export const getStaticProps = async (context) => {
+  const id = context.params.id;
+  const res = await fetch('https://jsonplaceholder.typicode.com/users/' + id);
+  const data = await res.json();
+
+  return {
+    props: { ninja: data }
+  }
+}
+
+const Details = ({ ninja }) => {
   return (
     <div>
-      <h1>Details Page</h1>
+      <h1>{ ninja.name }</h1>
+      <p>{ ninja.email }</p>
+      <p>{ ninja.website }</p>
+      <p>{ ninja.address.city }</p>
     </div>
   );
 }
