fix(Middleware): more tries to fix

.env

@@ -1,7 +1,7 @@
-MONGODB_URI="mongodb+srv://andyluu:RhTdUUNFlwrJdAGY@andyluu.uzkteb7.mongodb.net/?retryWrites=true&w=majority&appName=andyluu"
 NODE_ENV=development
+MONGODB_URI="mongodb+srv://andyluu:Aixw2YLVw7eddgAU@andyluu.uzkteb7.mongodb.net/?retryWrites=true&w=majority&appName=andyluu"
 PORT=3000
 DATABASE_NAME=andyluu
 EDUCATION_DATABASE_NAME=education
-API_URL=http://localhost:3000/api
-API_KEY=MbQoaQQTAfThmN7c9e7nDYeQYY3pChMBiaybo3tq
+REACT_APP_API_URL=http://localhost:3000/api
+REACT_APP_API_KEY=MbQoaQQTAfThmN7c9e7nDYeQYY3pChMBiaybo3tq

src/app/api/api.ts

@@ -1,8 +1,9 @@
 import axios from "axios";
 
 export default axios.create({
-  baseURL: process.env.API_URL,
+  baseURL: process.env.REACT_APP_API_URL,
   headers: {
     "Content-Type": "application/json",
+    "API_KEY": process.env.REACT_APP_API_KEY,
   },
 });

src/app/api/education/route.ts

@@ -1,11 +1,9 @@
-import { limiter } from "../config/limiter";
 import clientPromise from "../../../../lib/mongodb";
 import { NextResponse } from "next/server";
 import type { NextRequest } from "next/server";
 
 export const GET = async (request: NextRequest, response: NextResponse) => {
   try {
-
     const client = await clientPromise;
     const database = client.db(process.env.DATABASE_NAME);
     const education = await database

src/app/education/page.tsx

@@ -5,7 +5,6 @@ import EducationAPI from "./api";
 
 async function getData() {
   return await EducationAPI.getEducation().then((response) => {
-    console.log(response);
     return response.data;
   });
 }

src/middleware.ts

@@ -0,0 +1,18 @@
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+
+export const middleware = (request: NextRequest) => {
+  const apiKey = request.headers.get("API_KEY");
+
+  if (apiKey !== process.env.REACT_APP_API_KEY) {
+    return new NextResponse(null, {
+      status: 401,
+      statusText: "Invalid API Key",
+      headers: { "Content-Type": "application/json" },
+    });
+  }
+
+  return NextResponse.next();
+};
+
+export const config = { matcher: "/api/:path*" };