init commit,

03_source/frontend/src/pages/dashboard/product/details.tsx

@@ -0,0 +1,24 @@
+import { useParams } from 'src/routes/hooks';
+
+import { CONFIG } from 'src/global-config';
+import { useGetProduct } from 'src/actions/product';
+
+import { ProductDetailsView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Product details | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  const { id = '' } = useParams();
+
+  const { product, productLoading, productError } = useGetProduct(id);
+
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ProductDetailsView product={product} loading={productLoading} error={productError} />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/product/edit.tsx

@@ -0,0 +1,24 @@
+import { useParams } from 'src/routes/hooks';
+
+import { CONFIG } from 'src/global-config';
+import { useGetProduct } from 'src/actions/product';
+
+import { ProductEditView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Product edit | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  const { id = '' } = useParams();
+
+  const { product } = useGetProduct(id);
+
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ProductEditView product={product} />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/product/list.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ProductListView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Product list | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ProductListView />
+    </>
+  );
+}

03_source/frontend/src/pages/dashboard/product/new.tsx

@@ -0,0 +1,17 @@
+import { CONFIG } from 'src/global-config';
+
+import { ProductCreateView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Create a new product | Dashboard - ${CONFIG.appName}` };
+
+export default function Page() {
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ProductCreateView />
+    </>
+  );
+}