lesson-12

iamshaunjp · iamshaunjp · commit d73ffb1565dc · 2021-01-05T11:56:29.000Z
diff --git a/pages/ninjas/[id].js b/pages/ninjas/[id].js
@@ -1,3 +1,20 @@
+export const getStaticPaths = async () => {
+  const res = await fetch('https://jsonplaceholder.typicode.com/users');
+  const data = await res.json();
+
+  // map data to an array of path objects with params (id)
+  const paths = data.map(ninja => {
+    return {
+      params: { id: ninja.id.toString() }
+    }
+  })
+
+  return {
+    paths,
+    fallback: false
+  }
+}
+
 const Details = () => {
   return (
     <div>
diff --git a/pages/ninjas/index.js b/pages/ninjas/index.js
@@ -11,7 +11,7 @@ export const getStaticProps = async () => {
 }
 
 const Ninjas = ({ ninjas }) => {
-  console.log(ninjas)
+  // console.log(ninjas)
 
   return (
     <div>

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export const getStaticProps = async () => {`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`const Ninjas = ({ ninjas }) => {`
`14`		`- console.log(ninjas)`
	`14`	`+ // console.log(ninjas)`
`15`	`15`
`16`	`16`	`return (`
`17`	`17`	`<div>`