diff --git a/frontend/app/Providers.tsx b/frontend/app/Providers.tsx
new file mode 100644
index 00000000..03731905
--- /dev/null
+++ b/frontend/app/Providers.tsx
@@ -0,0 +1,7 @@
+'use client';
+
+import { SessionProvider } from 'next-auth/react';
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+  return <SessionProvider>{children}</SessionProvider>;
+}
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index ce884048..1dbbafac 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next';
+import Providers from './Providers';
 
 export const metadata: Metadata = {
   title: 'Recipe App',
@@ -13,7 +14,7 @@ export default function RootLayout({
   return (
     <html lang="sv">
       <body style={{ fontFamily: 'Arial, sans-serif', margin: 0 }}>
-        {children}
+        <Providers>{children}</Providers>
       </body>
     </html>
   );
