diff --git a/next.config.js b/next.config.js
index a843cbe..45c7eac 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,6 +1,11 @@
/** @type {import('next').NextConfig} */
-const nextConfig = {
- reactStrictMode: true,
-}
-module.exports = nextConfig
+const webpack = require("webpack");
+const { parsed: environment } = require("dotenv").config();
+
+module.exports = {
+ webpack(config) {
+ config.plugins.push(new webpack.EnvironmentPlugin(environment));
+ return config;
+ },
+};
diff --git a/package.json b/package.json
index 7fe333a..80009cd 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,9 @@
"lint": "next lint"
},
"dependencies": {
+ "dotenv": "^16.0.0",
"next": "12.1.4",
+ "next-auth": "^4.3.1",
"prisma": "^3.12.0",
"react": "18.0.0",
"react-dom": "18.0.0"
diff --git a/pages/_app.js b/pages/_app.js
index 1e1cec9..162643c 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,7 +1,12 @@
-import '../styles/globals.css'
+import "../styles/globals.css";
+import { SessionProvider } from "next-auth/react";
-function MyApp({ Component, pageProps }) {
- return
+function MyApp({ Component, pageProps: { session, ...pageProps } }) {
+ return (
+
+
+
+ );
}
-export default MyApp
+export default MyApp;
diff --git a/pages/api/auth/[...nextauth].js b/pages/api/auth/[...nextauth].js
new file mode 100644
index 0000000..43a1043
--- /dev/null
+++ b/pages/api/auth/[...nextauth].js
@@ -0,0 +1,11 @@
+import NextAuth from "next-auth";
+import DiscordProvider from "next-auth/providers/discord";
+
+export default NextAuth({
+ providers: [
+ DiscordProvider({
+ clientId: process.env.DISCORD_CLIENT_ID,
+ clientSecret: process.env.DISCORD_CLIENT_SECRET,
+ }),
+ ],
+});
diff --git a/pages/index.js b/pages/index.js
index dc4b640..8edbb81 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,8 +1,10 @@
-import Head from 'next/head'
-import Image from 'next/image'
-import styles from '../styles/Home.module.css'
+import { useSession, signIn, signOut } from "next-auth/react";
+import Head from "next/head";
+import Image from "next/image";
+import styles from "../styles/Home.module.css";
export default function Home() {
+ const { data: session } = useSession();
return (
@@ -12,58 +14,18 @@ export default function Home() {
-
+ Steam Borders
- Get started by editing{' '}
- pages/index.js
+ {session ? `Signed in as ${session.user.name}` : "Not signed in"}
+
+ {session ? (
+
+ ) : (
+
+ )}
-
-
-
-