updated dynamic route

nextjs/mwe/pages/[id].js

@@ -0,0 +1,31 @@
+import React, { useState } from "react";
+
+export default function profile({ id }) {
+  console.log("Rendering page..");
+  console.log(id.id);
+  return <p>hallo {id}</p>;
+}
+
+export function getProfileData(id) {
+  console.log(id);
+  // Combine the data with the id
+  return id;
+}
+
+export async function getStaticPaths() {
+  const paths = [{ params: { id: "jureUUID" } }];
+  return {
+    paths,
+    fallback: false,
+  };
+}
+
+export async function getStaticProps({ params }) {
+  const id = getProfileData(params.id);
+  console.log("Get Static Props content: " + id);
+  return {
+    props: {
+      id,
+    },
+  };
+}

nextjs/mwe/pages/index.js

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { useRouter } from "next/router";
 import Avatar from "@material-ui/core/Avatar";
 import Button from "@material-ui/core/Button";
 import CssBaseline from "@material-ui/core/CssBaseline";
@@ -67,6 +68,10 @@ export default function Home() {
     setDayselection({ ...dayselection, [evt.target.name]: evt.target.checked });
   };
 
+  const router = useRouter();
+  const { pid } = router.query;
+  console.log(pid);
+
   return (
     <Grid container component="main" sx={{ height: "100vh" }}>
       <CssBaseline />