Moved code into src folder. Added build for component library.

src/pages/websites/[id]/event-data.js

@@ -0,0 +1,20 @@
+import { useRouter } from 'next/router';
+import AppLayout from 'components/layout/AppLayout';
+import WebsiteEventDataPage from 'components/pages/websites/WebsiteEventDataPage';
+import useMessages from 'components/hooks/useMessages';
+
+export default function () {
+  const { formatMessage, labels } = useMessages();
+  const router = useRouter();
+  const { id } = router.query;
+
+  if (!id) {
+    return null;
+  }
+
+  return (
+    <AppLayout title={formatMessage(labels.websites)}>
+      <WebsiteEventDataPage websiteId={id} />
+    </AppLayout>
+  );
+}

src/pages/websites/[id]/index.js

@@ -0,0 +1,20 @@
+import { useRouter } from 'next/router';
+import AppLayout from 'components/layout/AppLayout';
+import WebsiteDetailsPage from 'components/pages/websites/WebsiteDetailsPage';
+import useMessages from 'components/hooks/useMessages';
+
+export default function () {
+  const { formatMessage, labels } = useMessages();
+  const router = useRouter();
+  const { id } = router.query;
+
+  if (!id) {
+    return null;
+  }
+
+  return (
+    <AppLayout title={formatMessage(labels.websites)}>
+      <WebsiteDetailsPage websiteId={id} />
+    </AppLayout>
+  );
+}

src/pages/websites/[id]/realtime.js

@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router';
+import AppLayout from 'components/layout/AppLayout';
+import RealtimePage from 'components/pages/realtime/RealtimePage';
+
+export default function () {
+  const router = useRouter();
+  const { id: websiteId } = router.query;
+
+  if (!websiteId) {
+    return null;
+  }
+
+  return (
+    <AppLayout>
+      <RealtimePage websiteId={websiteId} />
+    </AppLayout>
+  );
+}

src/pages/websites/[id]/reports.js

@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router';
+import AppLayout from 'components/layout/AppLayout';
+import WebsiteReportsPage from 'components/pages/websites/WebsiteReportsPage';
+
+export default function () {
+  const router = useRouter();
+  const { id: websiteId } = router.query;
+
+  if (!websiteId) {
+    return null;
+  }
+
+  return (
+    <AppLayout>
+      <WebsiteReportsPage websiteId={websiteId} />
+    </AppLayout>
+  );
+}

src/pages/websites/index.js

@@ -0,0 +1,13 @@
+import AppLayout from 'components/layout/AppLayout';
+import WebsitesPage from 'components/pages/websites/WebsitesPage';
+import useMessages from 'components/hooks/useMessages';
+
+export default function () {
+  const { formatMessage, labels } = useMessages();
+
+  return (
+    <AppLayout title={formatMessage(labels.websites)}>
+      <WebsitesPage />
+    </AppLayout>
+  );
+}