auth0 works, i guess

pages/_app.tsx

@@ -3,27 +3,30 @@ import type { AppProps } from "next/app";
 import { Navigation } from "../components/Navigation/Navigation";
 import { Footer } from "../components/Footer/Footer";
 import { SEO } from "../components/SEO";
+import { UserProvider } from "@auth0/nextjs-auth0/client";
 
 export default function App({ Component, pageProps }: AppProps) {
 	return (
 		<>
-			<SEO />
-			<div
-				style={{
-					display: "flex",
-					flexDirection: "column",
-					justifyContent: "space-between",
-					minHeight: "100vh",
-				}}
-			>
-				<div>
-					<Navigation />
-					<Component {...pageProps} />
+			<UserProvider>
+				<SEO />
+				<div
+					style={{
+						display: "flex",
+						flexDirection: "column",
+						justifyContent: "space-between",
+						minHeight: "100vh",
+					}}
+				>
+					<div>
+						<Navigation />
+						<Component {...pageProps} />
+					</div>
+					<div>
+						<Footer />
+					</div>
 				</div>
-				<div>
-					<Footer />
-				</div>
-			</div>
+			</UserProvider>
 		</>
 	);
 }

pages/api/auth/[...auth0].ts

@@ -0,0 +1,3 @@
+import { handleAuth } from "@auth0/nextjs-auth0";
+
+export default handleAuth();