Fixed #3

.next/build-manifest.json

@@ -19,6 +19,11 @@
       "static/chunks/main.js",
       "static/chunks/pages/index.js"
     ],
+    "/404": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/404.js"
+    ],
     "/_app": [
       "static/chunks/webpack.js",
       "static/chunks/main.js",
@@ -33,6 +38,11 @@
       "static/chunks/webpack.js",
       "static/chunks/main.js",
       "static/chunks/pages/controlpanel.js"
+    ],
+    "/controlpanel/commands": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/controlpanel/commands.js"
     ]
   },
   "ampFirstPages": []

.next/server/pages-manifest.json

@@ -3,5 +3,7 @@
   "/_error": "pages/_error.js",
   "/_document": "pages/_document.js",
   "/": "pages/index.js",
-  "/controlpanel": "pages/controlpanel.js"
+  "/controlpanel/commands": "pages/controlpanel/commands.js",
+  "/controlpanel": "pages/controlpanel.js",
+  "/404": "pages/404.js"
 }

.next/static/development/_buildManifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST = {__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static\u002Fchunks\u002Fpages\u002Findex.js"],"/_error":["static\u002Fchunks\u002Fpages\u002F_error.js"],"/controlpanel":["static\u002Fchunks\u002Fpages\u002Fcontrolpanel.js"],sortedPages:["\u002F","\u002F_app","\u002F_error","\u002Fcontrolpanel"]};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()
+self.__BUILD_MANIFEST = {__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static\u002Fchunks\u002Fpages\u002Findex.js"],"/404":["static\u002Fchunks\u002Fpages\u002F404.js"],"/_error":["static\u002Fchunks\u002Fpages\u002F_error.js"],"/controlpanel":["static\u002Fchunks\u002Fpages\u002Fcontrolpanel.js"],"/controlpanel/commands":["static\u002Fchunks\u002Fpages\u002Fcontrolpanel\u002Fcommands.js"],sortedPages:["\u002F","\u002F404","\u002F_app","\u002F_error","\u002Fcontrolpanel","\u002Fcontrolpanel\u002Fcommands"]};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()

.next/static/webpack/3dde9a3834e07d33b177.hot-update.json

@@ -1 +0,0 @@
-{"c":["webpack"],"r":[],"m":[]}

.next/static/webpack/f913a006f5ef1fb294ef.hot-update.json

@@ -1 +0,0 @@
-{"c":["webpack"],"r":[],"m":[]}

.next/static/webpack/webpack.3dde9a3834e07d33b177.hot-update.js

@@ -1,12 +0,0 @@
-self["webpackHotUpdate_N_E"]("webpack",{},
-/******/ function(__webpack_require__) { // webpackRuntimeModules
-/******/ "use strict";
-/******/ 
-/******/ /* webpack/runtime/getFullHash */
-/******/ !function() {
-/******/ 	__webpack_require__.h = function() { return "137b7d098b3ecd58f1a8"; }
-/******/ }();
-/******/ 
-/******/ }
-);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9fTl9FL3dlYnBhY2svcnVudGltZS9nZXRGdWxsSGFzaCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7VUFBQSxvQ0FBb0MsK0JBQStCLEUiLCJmaWxlIjoic3RhdGljL3dlYnBhY2svd2VicGFjay4zZGRlOWEzODM0ZTA3ZDMzYjE3Ny5ob3QtdXBkYXRlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiX193ZWJwYWNrX3JlcXVpcmVfXy5oID0gZnVuY3Rpb24oKSB7IHJldHVybiBcIjEzN2I3ZDA5OGIzZWNkNThmMWE4XCI7IH0iXSwic291cmNlUm9vdCI6IiJ9

.next/static/webpack/webpack.f913a006f5ef1fb294ef.hot-update.js

@@ -1,23 +0,0 @@
-self["webpackHotUpdate_N_E"]("webpack",{},
-/******/ function(__webpack_require__) { // webpackRuntimeModules
-/******/ "use strict";
-/******/ 
-/******/ /* webpack/runtime/getFullHash */
-/******/ !function() {
-/******/ 	__webpack_require__.h = function() { return "3dde9a3834e07d33b177"; }
-/******/ }();
-/******/ 
-/******/ /* webpack/runtime/compat */
-/******/ 
-/******/ 
-/******/ // noop fns to prevent runtime errors during initialization
-/******/ if (typeof self !== "undefined") {
-/******/ 	self.$RefreshReg$ = function () {};
-/******/ 	self.$RefreshSig$ = function () {
-/******/ 		return function (type) {
-/******/ 			return type;
-/******/ 		};
-/******/ 	};
-/******/ }}
-);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9fTl9FL3dlYnBhY2svcnVudGltZS9nZXRGdWxsSGFzaCIsIndlYnBhY2s6Ly9fTl9FL3dlYnBhY2svcnVudGltZS9jb21wYXQiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O1VBQUEsb0NBQW9DLCtCQUErQixFOzs7Ozs7U0NFbkU7U0FDQTtTQUNBO1NBQ0E7U0FDQTtTQUNBO1NBQ0E7U0FDQTtTQUNBLEMiLCJmaWxlIjoic3RhdGljL3dlYnBhY2svd2VicGFjay5mOTEzYTAwNmY1ZWYxZmIyOTRlZi5ob3QtdXBkYXRlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiX193ZWJwYWNrX3JlcXVpcmVfXy5oID0gZnVuY3Rpb24oKSB7IHJldHVybiBcIjNkZGU5YTM4MzRlMDdkMzNiMTc3XCI7IH0iLCJcblxuLy8gbm9vcCBmbnMgdG8gcHJldmVudCBydW50aW1lIGVycm9ycyBkdXJpbmcgaW5pdGlhbGl6YXRpb25cbmlmICh0eXBlb2Ygc2VsZiAhPT0gXCJ1bmRlZmluZWRcIikge1xuXHRzZWxmLiRSZWZyZXNoUmVnJCA9IGZ1bmN0aW9uICgpIHt9O1xuXHRzZWxmLiRSZWZyZXNoU2lnJCA9IGZ1bmN0aW9uICgpIHtcblx0XHRyZXR1cm4gZnVuY3Rpb24gKHR5cGUpIHtcblx0XHRcdHJldHVybiB0eXBlO1xuXHRcdH07XG5cdH07XG59Il0sInNvdXJjZVJvb3QiOiIifQ==

pages/404.js

@@ -1,3 +1,12 @@
+import Head from 'next/head'
+
 export default function Custom404() {
-    return <h1>404 - Page Not Found</h1>
+    return (
+    <>
+        <Head>
+            <title>404</title>
+        </Head>
+        <h1>404 - Page Not Found</h1>
+    </>
+    )
 }

pages/_app.js

@@ -1,9 +1,13 @@
 import '../styles/globals.css'
 import Navbar from '../components/Navbar'
+import Head from 'next/head'
 
 function MyApp({ Component, pageProps }) {
   return (
     <>
+      <Head>
+        <title>Cath Dashboard</title>
+      </Head>
       <Navbar/>
       <div className='page-container'>
         <Component {...pageProps} />

pages/controlpanel/commands.js

@@ -7,6 +7,7 @@ import TableContainer from '@material-ui/core/TableContainer';
 import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
 import Paper from '@material-ui/core/Paper';
+import Head from 'next/head'
 
 const useStyles = makeStyles({
     table: {
@@ -29,6 +30,10 @@ function Commands() {
     const classes = useStyles();
 
     return (
+        <>
+            <Head>
+                <title>Cath Commands</title>
+            </Head>
             <TableContainer component={Paper} style={{ background: '#1F1B24' }}>
                 <Table className={classes.table} aria-label="simple table">
                     <TableHead>
@@ -51,6 +56,7 @@ function Commands() {
                     </TableBody>
                 </Table>
             </TableContainer>
+        </>
     );
 }
 

pages/controlpanel/index.js

@@ -1,12 +1,18 @@
 import React from 'react'
 import CardContainer from '../../components/CardContainer'
+import Head from 'next/head'
 
 function index() {
     return (
+        <>
+            <Head>
+                <title>Cath Control Panel</title>
+            </Head>
             <div>
                 <h1>Control Panel</h1>
                 <CardContainer link='/controlpanel/commands'>Commands</CardContainer>
             </div>
+        </>
     )
 }