adding files

src/pages/api/test.js

-import * as tf from "@tensorflow/tfjs-node";
-
 export default async (req, res) => {
   try {
-
     res.status(200).json({
       success: true,
       type: "success",

src/pages/auth.tsx

+import React from "react";
+import styled from "styled-components";
+
+const Auth = (): JSX.Element => {
+  return <Container>This is auth page</Container>;
+};
+
+const Container = styled.div`
+  width: 100%;
+  height: 100vh;
+  background: #fff;
+`;
+
+export default Auth;

src/pages/index.tsx

 import { useEffect, useRef, useState } from "react";
 import styled from "styled-components";
-// import * as tf from "@tensorflow/tfjs";
+import * as tf from "@tensorflow/tfjs";
 import * as handpose from "@tensorflow-models/handpose";
 import Webcam from "react-webcam";
 import { drawHand } from "../components/utilities";

src/pages/login.tsx

+import Link from "next/link";
+import React from "react";
+import styled from "styled-components";
+
+const Login = (): JSX.Element => {
+  return (
+    <Container>
+      <form action="" className="form">
+        <input
+          type="text"
+          placeholder="Input your name"
+          className="input_username"
+        />
+        <Link href="/auth">
+          <input type="submit" value="Submit" />
+        </Link>
+      </form>
+    </Container>
+  );
+};
+
+const Container = styled.div`
+  width: 100%;
+  height: 100vh;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .form {
+    background: #f1f1f1;
+    border: 1px solid #ccc;
+    width: 50%;
+    height: 50%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+  }
+  .input_username {
+    margin-bottom: 16px;
+  }
+`;
+
+export default Login;