404 and auto forward to page

ninjalist/.gitignore

@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel

ninjalist/.next/build-manifest.json

@@ -0,0 +1,69 @@
+{
+  "polyfillFiles": [
+    "static/chunks/polyfills-ff94e68042added27a93.js"
+  ],
+  "devFiles": [],
+  "ampDevFiles": [],
+  "lowPriorityFiles": [
+    "static/xCKTnFHQKgKdw_5uZsJkh/_buildManifest.js",
+    "static/xCKTnFHQKgKdw_5uZsJkh/_ssgManifest.js"
+  ],
+  "pages": {
+    "/": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/b1d914279cf3de2ad9869035676d1b3a6d141437.14e1a187414478eec558.js",
+      "static/css/7cb200ab06758ac64216.css",
+      "static/chunks/pages/index-eb043439eacc7c79d72b.js"
+    ],
+    "/404": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/b1d914279cf3de2ad9869035676d1b3a6d141437.14e1a187414478eec558.js",
+      "static/chunks/pages/404-45903d5c3a1182a549b3.js"
+    ],
+    "/_app": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/b1d914279cf3de2ad9869035676d1b3a6d141437.14e1a187414478eec558.js",
+      "static/css/6d895b886801159d78ab.css",
+      "static/chunks/pages/_app-d2ca7cd0b7900c2032fa.js"
+    ],
+    "/_error": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/pages/_error-ae0c3139a590435d142f.js"
+    ],
+    "/about": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/pages/about-56eb620d081d2f880af4.js"
+    ],
+    "/ninjas": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/b1d914279cf3de2ad9869035676d1b3a6d141437.14e1a187414478eec558.js",
+      "static/css/5039f2be4c138e3811ec.css",
+      "static/chunks/pages/ninjas-462f9d094eda546dc2cf.js"
+    ],
+    "/ninjas/[id]": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/pages/ninjas/[id]-cc401e0f71d1db7aac93.js"
+    ],
+    "/ninjas/ninjas": [
+      "static/chunks/main-3ef7ec120fd362589b7e.js",
+      "static/chunks/webpack-50bee04d1dc61f8adf5b.js",
+      "static/chunks/framework.abffcf18e526b7c0dbcd.js",
+      "static/chunks/pages/ninjas/ninjas-c168a487b80d3006e3f1.js"
+    ]
+  },
+  "ampFirstPages": []
+}

ninjalist/.next/cache/next-babel-loader/content-v2/sha512/00/6d/89b805ad129e46ed6fbaedf2005263137b7467d2bc1cf8985d5cca65690110f3ecb769818679016b2fade458855cb3ef84779c8692734d3bf75ec09a550c

@@ -0,0 +1 @@
+{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"E:\\\\Creative Cloud Files\\\\_E11\\\\code\\\\React\\\\NextJS\\\\ninjalist\\\\pages\\\\ninjas\\\\[id].js\";\nexport const getStaticPaths = async () => {\n  const res = await fetch('http://jsonplaceholder.typicode.com/users');\n  const data = await res.json();\n  const paths = data.map(ninja => {\n    return {\n      params: {\n        id: ninja.id.toString()\n      }\n    };\n  });\n  return {\n    // paths: paths\n    // line above is same as below (shorter)\n    paths,\n    fallback: false\n  };\n}; // this function runs as many times as there are items in what you fetch\n\nexport const getStaticProps = async context => {\n  const id = context.params.id;\n  const res = await fetch('http://jsonplaceholder.typicode.com/users' + id);\n  const data = await res.json();\n  console.log(res);\n  console.log(data);\n  console.log(id);\n  return {\n    props: {\n      ninja: data\n    }\n  };\n};\n\nconst Details = ({\n  ninja\n}) => {\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n      children: \"Details Page\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n      children: ninja.name\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n      children: ninja.email\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n      children: ninja.website\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 38,\n    columnNumber: 9\n  }, this);\n};\n\nexport default Details;","map":{"version":3,"sources":["E:/Creative Cloud Files/_E11/code/React/NextJS/ninjalist/pages/ninjas/[id].js"],"names":["getStaticPaths","res","fetch","data","json","paths","map","ninja","params","id","toString","fallback","getStaticProps","context","console","log","props","Details","name","email","website"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GAAG,YAAY;AACtC,QAAMC,GAAG,GAAG,MAAMC,KAAK,CAAC,2CAAD,CAAvB;AACA,QAAMC,IAAI,GAAG,MAAMF,GAAG,CAACG,IAAJ,EAAnB;AAEA,QAAMC,KAAK,GAAGF,IAAI,CAACG,GAAL,CAASC,KAAK,IAAI;AAC5B,WAAO;AACHC,MAAAA,MAAM,EAAE;AAAEC,QAAAA,EAAE,EAAEF,KAAK,CAACE,EAAN,CAASC,QAAT;AAAN;AADL,KAAP;AAGH,GAJa,CAAd;AAMA,SAAO;AACH;AACA;AACAL,IAAAA,KAHG;AAIHM,IAAAA,QAAQ,EAAE;AAJP,GAAP;AAMH,CAhBM,C,CAmBP;;AACA,OAAO,MAAMC,cAAc,GAAG,MAAOC,OAAP,IAAmB;AAC7C,QAAMJ,EAAE,GAAGI,OAAO,CAACL,MAAR,CAAeC,EAA1B;AACA,QAAMR,GAAG,GAAG,MAAMC,KAAK,CAAC,8CAA8CO,EAA/C,CAAvB;AACA,QAAMN,IAAI,GAAG,MAAMF,GAAG,CAACG,IAAJ,EAAnB;AAEFU,EAAAA,OAAO,CAACC,GAAR,CAAYd,GAAZ;AACAa,EAAAA,OAAO,CAACC,GAAR,CAAYZ,IAAZ;AACAW,EAAAA,OAAO,CAACC,GAAR,CAAYN,EAAZ;AACE,SAAO;AACHO,IAAAA,KAAK,EAAE;AAAET,MAAAA,KAAK,EAAEJ;AAAT;AADJ,GAAP;AAGH,CAXM;;AAaP,MAAMc,OAAO,GAAG,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAe;AAG3B,sBACI;AAAA,4BACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ,eAEI;AAAA,gBAAMA,KAAK,CAACW;AAAZ;AAAA;AAAA;AAAA;AAAA,YAFJ,eAGI;AAAA,gBAAKX,KAAK,CAACY;AAAX;AAAA;AAAA;AAAA;AAAA,YAHJ,eAII;AAAA,gBAAKZ,KAAK,CAACa;AAAX;AAAA;AAAA;AAAA;AAAA,YAJJ;AAAA;AAAA;AAAA;AAAA;AAAA,UADJ;AASH,CAZD;;AAcA,eAAeH,OAAf","sourcesContent":["export const getStaticPaths = async () => {\r\n    const res = await fetch('http://jsonplaceholder.typicode.com/users');\r\n    const data = await res.json();\r\n\r\n    const paths = data.map(ninja => {\r\n        return {\r\n            params: { id: ninja.id.toString() }\r\n        }\r\n    })\r\n\r\n    return {\r\n        // paths: paths\r\n        // line above is same as below (shorter)\r\n        paths,\r\n        fallback: false\r\n    }\r\n}\r\n\r\n\r\n// this function runs as many times as there are items in what you fetch\r\nexport const getStaticProps = async (context) => {\r\n    const id = context.params.id;\r\n    const res = await fetch('http://jsonplaceholder.typicode.com/users' + id);\r\n    const data = await res.json();\r\n    \r\n  console.log(res);\r\n  console.log(data);\r\n  console.log(id);\r\n    return {\r\n        props: { ninja: data }\r\n    }\r\n}\r\n\r\nconst Details = ({ ninja }) => {\r\n    \r\n\r\n    return ( \r\n        <div>\r\n            <h1>Details Page</h1>\r\n            <h2>{ ninja.name }</h2>\r\n            <p>{ ninja.email }</p>\r\n            <p>{ ninja.website }</p>\r\n            {/* <p>{ ninja.address.city }</p> */}\r\n        </div>\r\n     );\r\n}\r\n \r\nexport default Details;"]},"metadata":{},"sourceType":"module"}

ninjalist/.next/cache/next-babel-loader/content-v2/sha512/01/1d/41d72bde9e378da757a8ab2526f89d154ab0bbb2c7159daa12e20653621b4fa51ceb03317d0704ddf8367ea95a1b0cec55508a0c4d8c37a5488528e366f7

@@ -0,0 +1 @@
+{"ast":null,"code":"\"use strict\";\n\nexports.__esModule = true;\nexports.getRouteMatcher = getRouteMatcher;\n\nfunction getRouteMatcher(routeRegex) {\n  const {\n    re,\n    groups\n  } = routeRegex;\n  return pathname => {\n    const routeMatch = re.exec(pathname);\n\n    if (!routeMatch) {\n      return false;\n    }\n\n    const decode = param => {\n      try {\n        return decodeURIComponent(param);\n      } catch (_) {\n        const err = new Error('failed to decode param');\n        err.code = 'DECODE_FAILED';\n        throw err;\n      }\n    };\n\n    const params = {};\n    Object.keys(groups).forEach(slugName => {\n      const g = groups[slugName];\n      const m = routeMatch[g.pos];\n\n      if (m !== undefined) {\n        params[slugName] = ~m.indexOf('/') ? m.split('/').map(entry => decode(entry)) : g.repeat ? [decode(m)] : decode(m);\n      }\n    });\n    return params;\n  };\n}","map":{"version":3,"sources":["../../../../../next-server/lib/router/utils/route-matcher.ts"],"names":["pathname","routeMatch","re","decode","param","decodeURIComponent","err","params","Object","slugName","g","groups","m","entry"],"mappings":";;;;;AAEO,SAAA,eAAA,CAAA,UAAA,EAAuE;AAC5E,QAAM;AAAA,IAAA,EAAA;AAAA,IAAA;AAAA,MAAN,UAAA;AACA,SAAQA,QAAD,IAAyC;AAC9C,UAAMC,UAAU,GAAGC,EAAE,CAAFA,IAAAA,CAAnB,QAAmBA,CAAnB;;AACA,QAAI,CAAJ,UAAA,EAAiB;AACf,aAAA,KAAA;AAGF;;AAAA,UAAMC,MAAM,GAAIC,KAAD,IAAmB;AAChC,UAAI;AACF,eAAOC,kBAAkB,CAAzB,KAAyB,CAAzB;AACA,OAFF,CAEE,OAAA,CAAA,EAAU;AACV,cAAMC,GAA8B,GAAG,IAAA,KAAA,CAAvC,wBAAuC,CAAvC;AAGAA,QAAAA,GAAG,CAAHA,IAAAA,GAAAA,eAAAA;AACA,cAAA,GAAA;AAEH;AAVD,KAAA;;AAWA,UAAMC,MAAkD,GAAxD,EAAA;AAEAC,IAAAA,MAAM,CAANA,IAAAA,CAAAA,MAAAA,EAAAA,OAAAA,CAA6BC,QAAD,IAAsB;AAChD,YAAMC,CAAC,GAAGC,MAAM,CAAhB,QAAgB,CAAhB;AACA,YAAMC,CAAC,GAAGX,UAAU,CAACS,CAAC,CAAtB,GAAoB,CAApB;;AACA,UAAIE,CAAC,KAAL,SAAA,EAAqB;AACnBL,QAAAA,MAAM,CAANA,QAAM,CAANA,GAAmB,CAACK,CAAC,CAADA,OAAAA,CAAD,GAACA,CAAD,GACfA,CAAC,CAADA,KAAAA,CAAAA,GAAAA,EAAAA,GAAAA,CAAkBC,KAAD,IAAWV,MAAM,CADnB,KACmB,CAAlCS,CADe,GAEfF,CAAC,CAADA,MAAAA,GACA,CAACP,MAAM,CADPO,CACO,CAAP,CADAA,GAEAP,MAAM,CAJVI,CAIU,CAJVA;AAMH;AAVDC,KAAAA;AAWA,WAAA,MAAA;AA9BF,GAAA;AAgCD","sourcesContent":["import { getRouteRegex } from './route-regex'\n\nexport function getRouteMatcher(routeRegex: ReturnType<typeof getRouteRegex>) {\n  const { re, groups } = routeRegex\n  return (pathname: string | null | undefined) => {\n    const routeMatch = re.exec(pathname!)\n    if (!routeMatch) {\n      return false\n    }\n\n    const decode = (param: string) => {\n      try {\n        return decodeURIComponent(param)\n      } catch (_) {\n        const err: Error & { code?: string } = new Error(\n          'failed to decode param'\n        )\n        err.code = 'DECODE_FAILED'\n        throw err\n      }\n    }\n    const params: { [paramName: string]: string | string[] } = {}\n\n    Object.keys(groups).forEach((slugName: string) => {\n      const g = groups[slugName]\n      const m = routeMatch[g.pos]\n      if (m !== undefined) {\n        params[slugName] = ~m.indexOf('/')\n          ? m.split('/').map((entry) => decode(entry))\n          : g.repeat\n          ? [decode(m)]\n          : decode(m)\n      }\n    })\n    return params\n  }\n}\n"]},"metadata":{},"sourceType":"script"}

ninjalist/.next/cache/next-babel-loader/content-v2/sha512/01/c0/ebe74f89be6e7a07778364f8b869ef2c590102041b59d5069d41d12ca0fdfa0ab2a90220cc2051959bad9573ddecaf75ea0c6f4f7328fb5e824f3a763b4f

@@ -0,0 +1 @@
+{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"E:\\\\Creative Cloud Files\\\\_E11\\\\code\\\\React\\\\NextJS\\\\ninjalist\\\\pages\\\\index.js\";\nimport Head from 'next/head';\nimport Footer from '../components/Footer';\nimport Navbar from '../components/Navbar';\nimport styles from '../styles/Home.module.css';\nimport Link from 'next/link';\nexport default function Home() {\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 11\n    }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n      children: \"Home Page\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n      children: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui atque rerum quidem quia voluptatem, voluptatum sint unde error iusto consequatur reiciendis corrupti distinctio expedita sed labore? Corrupti vel vero voluptas delectus non! Corporis laudantium culpa inventore illum beatae quas, asperiores optio dolores dignissimos odio?\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n      children: \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. A incidunt quae, rem necessitatibus minus dolores! Magni, incidunt asperiores?\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Link, {\n      children: /*#__PURE__*/_jsxDEV(\"a\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 13\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Footer, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 11,\n    columnNumber: 9\n  }, this) // <div className={styles.container}>\n  //   <Head>\n  //     <title>Create Next App</title>\n  //     <link rel=\"icon\" href=\"/favicon.ico\" />\n  //   </Head>\n  //   <main className={styles.main}>\n  //     <h1 className={styles.title}>\n  //       Welcome to <a href=\"https://nextjs.org\">Next.js!</a>\n  //     </h1>\n  //     <p className={styles.description}>\n  //       Get started by editing{' '}\n  //       <code className={styles.code}>pages/index.js</code>\n  //     </p>\n  //     <div className={styles.grid}>\n  //       <a href=\"https://nextjs.org/docs\" className={styles.card}>\n  //         <h3>Documentation &rarr;</h3>\n  //         <p>Find in-depth information about Next.js features and API.</p>\n  //       </a>\n  //       <a href=\"https://nextjs.org/learn\" className={styles.card}>\n  //         <h3>Learn &rarr;</h3>\n  //         <p>Learn about Next.js in an interactive course with quizzes!</p>\n  //       </a>\n  //       <a\n  //         href=\"https://github.com/vercel/next.js/tree/master/examples\"\n  //         className={styles.card}\n  //       >\n  //         <h3>Examples &rarr;</h3>\n  //         <p>Discover and deploy boilerplate example Next.js projects.</p>\n  //       </a>\n  //       <a\n  //         href=\"https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app\"\n  //         className={styles.card}\n  //       >\n  //         <h3>Deploy &rarr;</h3>\n  //         <p>\n  //           Instantly deploy your Next.js site to a public URL with Vercel.\n  //         </p>\n  //       </a>\n  //     </div>\n  //   </main>\n  //   <footer className={styles.footer}>\n  //     <a\n  //       href=\"https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app\"\n  //       target=\"_blank\"\n  //       rel=\"noopener noreferrer\"\n  //     >\n  //       Powered by{' '}\n  //       <img src=\"/vercel.svg\" alt=\"Vercel Logo\" className={styles.logo} />\n  //     </a>\n  //   </footer>\n  // </div>\n  ;\n}","map":{"version":3,"sources":["E:/Creative Cloud Files/_E11/code/React/NextJS/ninjalist/pages/index.js"],"names":["Head","Footer","Navbar","styles","Link","Home"],"mappings":";;AAAA,OAAOA,IAAP,MAAiB,WAAjB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,OAAOC,IAAP,MAAiB,WAAjB;AAEA,eAAe,SAASC,IAAT,GAAgB;AAC7B,sBAGM;AAAA,4BACE,QAAC,MAAD;AAAA;AAAA;AAAA;AAAA,YADF,eAEI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAFJ,eAGI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAHJ,eAII;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAJJ,eAKI,QAAC,IAAD;AAAA,6BACA;AAAA;AAAA;AAAA;AAAA;AADA;AAAA;AAAA;AAAA;AAAA,YALJ,eAQI,QAAC,MAAD;AAAA;AAAA;AAAA;AAAA,YARJ;AAAA;AAAA;AAAA;AAAA;AAAA,UAHN,CAaE;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAtEF;AAwED","sourcesContent":["import Head from 'next/head'\nimport Footer from '../components/Footer'\nimport Navbar from '../components/Navbar'\nimport styles from '../styles/Home.module.css'\nimport Link from 'next/link'\n\nexport default function Home() {\n  return (\n    \n    \n        <div>\n          <Navbar />\n            <h1>Home Page</h1>\n            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui atque rerum quidem quia voluptatem, voluptatum sint unde error iusto consequatur reiciendis corrupti distinctio expedita sed labore? Corrupti vel vero voluptas delectus non! Corporis laudantium culpa inventore illum beatae quas, asperiores optio dolores dignissimos odio?</p>\n            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A incidunt quae, rem necessitatibus minus dolores! Magni, incidunt asperiores?</p>\n            <Link>\n            <a></a>\n            </Link>\n            <Footer />\n        </div>\n    // <div className={styles.container}>\n    //   <Head>\n    //     <title>Create Next App</title>\n    //     <link rel=\"icon\" href=\"/favicon.ico\" />\n    //   </Head>\n\n    //   <main className={styles.main}>\n    //     <h1 className={styles.title}>\n    //       Welcome to <a href=\"https://nextjs.org\">Next.js!</a>\n    //     </h1>\n\n    //     <p className={styles.description}>\n    //       Get started by editing{' '}\n    //       <code className={styles.code}>pages/index.js</code>\n    //     </p>\n\n    //     <div className={styles.grid}>\n    //       <a href=\"https://nextjs.org/docs\" className={styles.card}>\n    //         <h3>Documentation &rarr;</h3>\n    //         <p>Find in-depth information about Next.js features and API.</p>\n    //       </a>\n\n    //       <a href=\"https://nextjs.org/learn\" className={styles.card}>\n    //         <h3>Learn &rarr;</h3>\n    //         <p>Learn about Next.js in an interactive course with quizzes!</p>\n    //       </a>\n\n    //       <a\n    //         href=\"https://github.com/vercel/next.js/tree/master/examples\"\n    //         className={styles.card}\n    //       >\n    //         <h3>Examples &rarr;</h3>\n    //         <p>Discover and deploy boilerplate example Next.js projects.</p>\n    //       </a>\n\n    //       <a\n    //         href=\"https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app\"\n    //         className={styles.card}\n    //       >\n    //         <h3>Deploy &rarr;</h3>\n    //         <p>\n    //           Instantly deploy your Next.js site to a public URL with Vercel.\n    //         </p>\n    //       </a>\n    //     </div>\n    //   </main>\n\n    //   <footer className={styles.footer}>\n    //     <a\n    //       href=\"https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app\"\n    //       target=\"_blank\"\n    //       rel=\"noopener noreferrer\"\n    //     >\n    //       Powered by{' '}\n    //       <img src=\"/vercel.svg\" alt=\"Vercel Logo\" className={styles.logo} />\n    //     </a>\n    //   </footer>\n    // </div>\n  )\n}\n"]},"metadata":{},"sourceType":"module"}