Merge branch 'main' of ssh://github.com/nextauthjs/next-auth

Author: ndom91

docs/components/OAuthProviderInstructions/content/components/SetupCode.tsx

@@ -12,8 +12,11 @@ export function SetupCode({ providerId, providerName, highlight }: Props) {
   return (
     <Code>
       <Code.Next>
+        In Next.js we recommend setting up your configuration in a file in the root of your repository, like at{" "}
+        <code>auth.ts</code>.
+        <br />
         <Pre
-          data-filename="@/auth"
+          data-filename="./auth.ts"
           data-theme="default"
           data-copy=""
           data-language="tsx"
@@ -23,15 +26,32 @@ export function SetupCode({ providerId, providerName, highlight }: Props) {
 import NextAuth from "next-auth"
 import ${providerName} from "next-auth/providers/${providerId}"
  
-export const { signIn, signOut, auth } = NextAuth({
+export const { handlers, signIn, signOut, auth } = NextAuth({
   providers: [${providerName}],
 })`),
           }}
         />
+        <br />
+        Add the <code>handlers</code> which <code>NextAuth</code> returns to
+        your <code>api/auth/[...nextauth]/route.ts</code> file so that Auth.js
+        can run on any incoming request.
+        <Pre
+          data-filename="./app/api/auth/[...nextauth]/route.ts"
+          data-theme="default"
+          data-copy=""
+          data-language="tsx"
+          icon={TSIcon}
+          dangerouslySetInnerHTML={{
+            __html: highlight(`
+import { handlers } from "@/auth"
+export const { GET, POST } = handlers
+`),
+          }}
+        />
       </Code.Next>
       <Code.Svelte>
         In SvelteKit you should also setup your Auth.js configuration in a file
-        at `/src/auth.ts`.
+        at <code>/src/auth.ts</code>.
         <br />
         <Pre
           data-filename="./src/auth.ts"
@@ -44,7 +64,7 @@ export const { signIn, signOut, auth } = NextAuth({
 import { SvelteKitAuth } from "@auth/sveltekit"
 import ${providerName} from "@auth/sveltekit/providers/${providerId}"
  
-export const { handle } = SvelteKitAuth({
+export const { handle, signIn } = SvelteKitAuth({
   providers: [${providerName}],
 }) `),
           }}

docs/pages/getting-started/adapters/drizzle.mdx

@@ -46,7 +46,7 @@ If you want to modify the schema or add additional fields, you can use the follo
 
 ```ts filename="schema.ts"
 import {
-  boolean
+  boolean,
   timestamp,
   pgTable,
   text,

docs/pages/getting-started/providers/boxyhq-saml.mdx

@@ -12,7 +12,7 @@ import { Code } from "@/components/Code"
 
 ## Resources
 
-- [BoxyHQ OAuth documentation](https://example.com)
+- [BoxyHQ OAuth documentation](https://boxyhq.com/docs/jackson/overview)
 
 ## Setup
 

docs/pages/guides/edge-compatibility.mdx

@@ -90,7 +90,7 @@ export const { handlers, auth, signIn, signOut } = NextAuth({
 import NextAuth from "next-auth"
 import authConfig from "./auth.config"
 
-export const { auth as middleware } = NextAuth(authConfig)
+export const { auth: middleware } = NextAuth(authConfig)
 ```
 
 4. Finally, everywhere else we can import from the primary `auth.ts` configuration and use `next-auth` as usual. See our [session management docs](/getting-started/session-management/protecting) for more examples.