fix: nextjs auth

pankod · Jan 18, 2024 · 9696b98 · 9696b98
1 parent 20059b2
commit 9696b98
Show file tree

Hide file tree

Showing 25 changed files with 1,341 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "ejslint ./refine-*/**/*",
     "prepare": "husky install",
-    "cypress": "cypress open --env=AUTH_PROVIDER=custom,UI_FRAMEWORK=mui,FRAMEWORK=react,DATA_PROVIDER=custom-json-rest"
+    "cypress": "cypress open --env=AUTH_PROVIDER=custom,UI_FRAMEWORK=no,FRAMEWORK=nextjs,DATA_PROVIDER=airtable"
   },
   "repository": {
     "type": "git",

diff --git a/refine-nextjs/plugins/antd-example/pages/blog-posts/create/index.tsx b/refine-nextjs/plugins/antd-example/pages/blog-posts/create/index.tsx
@@ -2,6 +2,14 @@ import { Create, useForm, useSelect } from "@refinedev/antd";
 import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input, Select } from "antd";
 import React from "react";
+import { GetServerSideProps } from "next";
+<%_ if (_app.isAuthProviderCheck) { _%>
+import { authProvider } from "src/authProvider";
+<%_ } _%>
+<%_ if (_app.isNextAuthCheck) { _%>
+    import { getServerSession } from "next-auth";
+    import { authOptions } from "../api/auth/[...nextauth]";
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
     import { BLOG_POSTS_QUERY, BLOG_POSTS_CATEGORIES_SELECT_QUERY } from  "../../../src/queries/blog-posts";
 <%_ } _%>
@@ -88,3 +96,51 @@ export default function BlogPostCreate() {
         </Create>
     );
 };
+
+
+export const getServerSideProps: GetServerSideProps<{}> = async (context) => {
+    <%_ if (_app.isNextAuthCheck) { _%>
+      const session = await getServerSession(
+        context.req,
+        context.res,
+        authOptions,
+    );
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    const { authenticated, redirectTo } = await authProvider.check(context);
+    <%_ } _%>
+
+    <%_ if (_app.isNextAuthCheck) { _%>
+    if (!session) {
+        return {
+            props: {
+            },
+            redirect: {
+                destination: `/login?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    if (!authenticated) {
+        return {
+            props: {
+
+            },
+            redirect: {
+                destination: `${redirectTo}?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    return {
+        props: {
+
+        },
+    };
+};
diff --git a/refine-nextjs/plugins/antd-example/pages/blog-posts/edit/index.tsx b/refine-nextjs/plugins/antd-example/pages/blog-posts/edit/index.tsx
@@ -2,6 +2,14 @@ import { Edit, useForm, useSelect } from "@refinedev/antd";
 import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input, Select } from "antd";
 import React from "react";
+import { GetServerSideProps } from "next";
+<%_ if (_app.isAuthProviderCheck) { _%>
+import { authProvider } from "src/authProvider";
+<%_ } _%>
+<%_ if (_app.isNextAuthCheck) { _%>
+    import { getServerSession } from "next-auth";
+    import { authOptions } from "../api/auth/[...nextauth]";
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
     import { BLOG_POSTS_QUERY, BLOG_POSTS_CATEGORIES_SELECT_QUERY } from "../../../src/queries/blog-posts";
 <%_ } _%>
@@ -96,3 +104,51 @@ export default function BlogPostEdit() {
         </Edit>
     );
 };
+
+
+export const getServerSideProps: GetServerSideProps<{}> = async (context) => {
+    <%_ if (_app.isNextAuthCheck) { _%>
+      const session = await getServerSession(
+        context.req,
+        context.res,
+        authOptions,
+    );
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    const { authenticated, redirectTo } = await authProvider.check(context);
+    <%_ } _%>
+
+    <%_ if (_app.isNextAuthCheck) { _%>
+    if (!session) {
+        return {
+            props: {
+            },
+            redirect: {
+                destination: `/login?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    if (!authenticated) {
+        return {
+            props: {
+
+            },
+            redirect: {
+                destination: `${redirectTo}?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    return {
+        props: {
+
+        },
+    };
+};
diff --git a/refine-nextjs/plugins/antd-example/pages/blog-posts/index.tsx b/refine-nextjs/plugins/antd-example/pages/blog-posts/index.tsx
@@ -10,6 +10,15 @@ import {
 import { BaseRecord, IResourceComponentsProps, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
+import { GetServerSideProps } from "next";
+<%_ if (_app.isAuthProviderCheck) { _%>
+import { authProvider } from "src/authProvider";
+<%_ } _%>
+<%_ if (_app.isNextAuthCheck) { _%>
+    import { getServerSession } from "next-auth";
+    import { authOptions } from "../api/auth/[...nextauth]";
+<%_ } _%>
+
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
 import { BLOG_POSTS_QUERY, BLOG_POSTS_CATEGORIES_SELECT_QUERY } from "../../src/queries/blog-posts";
 <%_ } _%>
@@ -105,3 +114,50 @@ export default function BlogPostList() {
         </List>
     );
 };
+
+export const getServerSideProps: GetServerSideProps<{}> = async (context) => {
+    <%_ if (_app.isNextAuthCheck) { _%>
+      const session = await getServerSession(
+        context.req,
+        context.res,
+        authOptions,
+    );
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    const { authenticated, redirectTo } = await authProvider.check(context);
+    <%_ } _%>
+
+    <%_ if (_app.isNextAuthCheck) { _%>
+    if (!session) {
+        return {
+            props: {
+            },
+            redirect: {
+                destination: `/login?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    if (!authenticated) {
+        return {
+            props: {
+
+            },
+            redirect: {
+                destination: `${redirectTo}?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    return {
+        props: {
+
+        },
+    };
+};
diff --git a/refine-nextjs/plugins/antd-example/pages/blog-posts/show/index.tsx b/refine-nextjs/plugins/antd-example/pages/blog-posts/show/index.tsx
@@ -8,6 +8,14 @@ import {
 import { IResourceComponentsProps, useOne, useShow } from "@refinedev/core";
 import { Typography } from "antd";
 import React from "react";
+import { GetServerSideProps } from "next";
+<%_ if (_app.isAuthProviderCheck) { _%>
+import { authProvider } from "src/authProvider";
+<%_ } _%>
+<%_ if (_app.isNextAuthCheck) { _%>
+    import { getServerSession } from "next-auth";
+    import { authOptions } from "../api/auth/[...nextauth]";
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
     import { BLOG_POSTS_QUERY, BLOG_POSTS_CATEGORIES_SELECT_QUERY } from "../../../src/queries/blog-posts";
 <%_ } _%>
@@ -66,3 +74,51 @@ export default function BlogPostShow() {
         </Show>
     );
 };
+
+
+export const getServerSideProps: GetServerSideProps<{}> = async (context) => {
+    <%_ if (_app.isNextAuthCheck) { _%>
+      const session = await getServerSession(
+        context.req,
+        context.res,
+        authOptions,
+    );
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    const { authenticated, redirectTo } = await authProvider.check(context);
+    <%_ } _%>
+
+    <%_ if (_app.isNextAuthCheck) { _%>
+    if (!session) {
+        return {
+            props: {
+            },
+            redirect: {
+                destination: `/login?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    if (!authenticated) {
+        return {
+            props: {
+
+            },
+            redirect: {
+                destination: `${redirectTo}?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    return {
+        props: {
+
+        },
+    };
+};
diff --git a/refine-nextjs/plugins/antd-example/pages/categories/create/index.tsx b/refine-nextjs/plugins/antd-example/pages/categories/create/index.tsx
@@ -2,6 +2,14 @@ import { Create, useForm } from "@refinedev/antd";
 import { IResourceComponentsProps } from "@refinedev/core";
 import { Form, Input } from "antd";
 import React from "react";
+import { GetServerSideProps } from "next";
+<%_ if (_app.isAuthProviderCheck) { _%>
+import { authProvider } from "src/authProvider";
+<%_ } _%>
+<%_ if (_app.isNextAuthCheck) { _%>
+    import { getServerSession } from "next-auth";
+    import { authOptions } from "../api/auth/[...nextauth]";
+<%_ } _%>
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
     import { CATEGORIES_QUERY } from "../../../src/queries/categories";
 <%_ } _%>
@@ -33,3 +41,51 @@ export default function CategoryCreate() {
         </Create>
     );
 };
+
+
+export const getServerSideProps: GetServerSideProps<{}> = async (context) => {
+    <%_ if (_app.isNextAuthCheck) { _%>
+      const session = await getServerSession(
+        context.req,
+        context.res,
+        authOptions,
+    );
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    const { authenticated, redirectTo } = await authProvider.check(context);
+    <%_ } _%>
+
+    <%_ if (_app.isNextAuthCheck) { _%>
+    if (!session) {
+        return {
+            props: {
+            },
+            redirect: {
+                destination: `/login?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    <%_ if (_app.isAuthProviderCheck) { _%>
+    if (!authenticated) {
+        return {
+            props: {
+
+            },
+            redirect: {
+                destination: `${redirectTo}?to=${encodeURIComponent("/blog-posts")}`,
+                permanent: false,
+            },
+        };
+    }
+    <%_ } _%>
+
+    return {
+        props: {
+
+        },
+    };
+};