Add basic route handlers and endpoints

.husky/pre-commit

@@ -1,3 +1,4 @@
 cd compass
 npm run lint
-npm run prettier
+npm run prettier
+git add .

compass/app/api/health/route.ts

@@ -1,9 +1,10 @@
 import { NextResponse } from "next/server";
 
-interface ResponseData {
-  message: string;
-}
-
 export async function GET() {
-  return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+    const apiEndpoint = `${process.env.NEXT_PUBLIC_API_HOST}/api/health`;
+    console.log(apiEndpoint);
+
+    const result = await fetch(apiEndpoint);
+
+    return NextResponse.json(await result.json(), { status: result.status });
 }

compass/app/api/resource/route.ts

@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}

compass/app/api/route.ts

@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}

compass/app/api/service/route.ts

@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}

compass/app/api/user/route.ts

@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}

compass/app/page.tsx

@@ -18,11 +18,20 @@ export default function Page() {
     const [password, setPassword] = useState("");
     const [error, setError] = useState("");
 
-    const testFetch = () => {
+    const testFetch = async () => {
-        const result = fetch("/api/health");
+        const apiEndpoint = `${process.env.NEXT_PUBLIC_HOST}/api/health`;
-        console.log(result);
+
+        const result = await fetch(apiEndpoint);
+
+        if (result.status != 200) {
+            console.log(`Error has occurred when accessing ${apiEndpoint}`);
+        }
+
+        console.log(await result.json());
     };
 
+    testFetch();
+
     const handleEmailChange = (event: React.ChangeEvent<HTMLInputElement>) => {
         setEmail(event.currentTarget.value);
         console.log("email " + email);

compass/next.config.js

@@ -4,8 +4,8 @@ const nextConfig = {
         domains: ["notioly.com"],
     },
     experimental: {
-        serverActions: true
+        serverActions: true,
-    }
+    },
 };
 
 module.exports = nextConfig;