From d4bb0af576c57a4758ece8eff8a547fc935fd28e Mon Sep 17 00:00:00 2001 From: Tobias Date: Tue, 10 Oct 2023 06:28:23 +0200 Subject: [PATCH 1/2] Update usage-next-13.mdx: Still use `authConfig` This is how the auth docs show it (https://blitzjs.com/docs/blitz-auth-with-next#add-blitz-server) and I assume all blitz apps with auth are set up. It is confusing when the app router docs show it differently. --- app/pages/docs/usage-next-13.mdx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/app/pages/docs/usage-next-13.mdx b/app/pages/docs/usage-next-13.mdx index c2acf41d..98c059d3 100644 --- a/app/pages/docs/usage-next-13.mdx +++ b/app/pages/docs/usage-next-13.mdx @@ -43,11 +43,13 @@ import {AuthClientPlugin} from "@blitzjs/auth" import {setupBlitzClient} from "@blitzjs/next" import {BlitzRpcPlugin} from "@blitzjs/rpc" +export const authConfig = { + cookiePrefix: "blitz-auth-with-next-app", +} + export const {withBlitz, BlitzProvider} = setupBlitzClient({ plugins: [ - AuthClientPlugin({ - cookiePrefix: "web-cookie-prefix", - }), + AuthClientPlugin(authConfig), BlitzRpcPlugin({}), ], }) From 34d296f0c7ce93432f9eeb5d6f3a50156e153ce6 Mon Sep 17 00:00:00 2001 From: Tobias Date: Wed, 25 Oct 2023 16:53:34 +0200 Subject: [PATCH 2/2] Docs: usage-next-13.mdx: Clarify that src/blitz-auth-config has to be a shared but separate file --- app/pages/docs/usage-next-13.mdx | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/app/pages/docs/usage-next-13.mdx b/app/pages/docs/usage-next-13.mdx index 98c059d3..b20277cd 100644 --- a/app/pages/docs/usage-next-13.mdx +++ b/app/pages/docs/usage-next-13.mdx @@ -36,16 +36,13 @@ This provider should wrap the app and should be placed at the `(root)/layout.ts` **Setup** ```ts -// src/blitz-client +// src/blitz-client.ts "use client" import {AuthClientPlugin} from "@blitzjs/auth" import {setupBlitzClient} from "@blitzjs/next" import {BlitzRpcPlugin} from "@blitzjs/rpc" - -export const authConfig = { - cookiePrefix: "blitz-auth-with-next-app", -} +import { authConfig } from './blitz-auth-config' export const {withBlitz, BlitzProvider} = setupBlitzClient({ plugins: [ @@ -53,13 +50,23 @@ export const {withBlitz, BlitzProvider} = setupBlitzClient({ BlitzRpcPlugin({}), ], }) +``` + +The `authConfig` needs to be in a separate file that is imported in `blitz-client.ts` as well as `blitz-server.ts`: +```ts +// src/blitz-auth-config.ts +import { AuthPluginClientOptions } from '@blitzjs/auth' + +export const authConfig: AuthPluginClientOptions = { + cookiePrefix: "blitz-auth-with-next-app", +} ``` -**In root layout.(ts|js) file** +**In root layout.ts file** ```tsx -// layout.ts +// src/layout.ts import { BlitzProvider } from "src/blitz-client" export default function RootLayout({children}: {children: React.ReactNode}) {