Next Auth Google provider

app/api/auth/[...nextauth]/route.js

@@ -0,0 +1,6 @@
+import { authOptions } from '@/utils/authOptions';
+import NextAuth from 'next-auth/next';
+
+const handler = NextAuth(authOptions);
+
+export { handler as GET, handler as POST };

app/layout.jsx

@@ -1,4 +1,5 @@
 import Navbar from '@/components/Navbar';
+import AuthProvider from '@/components/AuthProvider';
 import '@/assets/styles/globals.css';
 
 export const metadata = {
@@ -9,12 +10,14 @@ export const metadata = {
 
 const MainLayout = ({ children }) => {
   return (
-    <html lang='en'>
-      <body>
-        <Navbar />
-        <main>{children}</main>
-      </body>
-    </html>
+    <AuthProvider>
+      <html lang='en'>
+        <body>
+          <Navbar />
+          <main>{children}</main>
+        </body>
+      </html>
+    </AuthProvider>
   );
 };