fix: updated quick-start examples with updated langgraph-nextjs-api-passthrough usage #100

PavelKorobchuk · 2025-09-29T10:14:33Z

By submitting a PR to this repository, you agree to the terms within the Auth0 Code of Conduct. Please see the contributing guidelines for how to create and submit a high-quality PR for this repo.

Description

Updated next quick-start examples according to the updated updated langgraph-nextjs-api-passthrough usage flow:

asynchronous-authorization/langchain-next-js
authenticate-users/langchain-next-js
authorization-for-rag/langchain-next-js
call-apis-on-users-behalf/others-api
call-apis-on-users-behalf/yours-api

Testing

Describe how this can be tested by reviewers. Be specific about anything not tested and reasons why. If this library has unit and/or integration testing, tests should be added for new functionality and existing tests should complete without errors.

Please include any manual steps for testing end-to-end or functionality not covered by unit/integration tests.

Also include details of the environment this PR was developed in (language/platform/browser version).

This change adds test coverage for new/changed/fixed functionality

Checklist

I have added documentation for new/changed functionality in this PR or in auth0.com/docs
All active GitHub checks for tests, formatting, and security are passing
The correct base branch is being used, if not the default branch

…assthrough usage

priley86 · 2025-09-29T16:44:29Z

two things:

lets make sure to include "Create an Auth0 API" pre-req in all of these examples moving forward (since we will need that when validating AUTH0_AUDIENCE. The existing builtin Prereq there looks fine to me... lets enable it w/ createAuth0ApiStep prop
For call-apis-on-users-behalf/others-api example specifically, lets be sure to include the Create Custom API Client language (b'c we are using 3rd party API access w/ Token Vault and will require it there). Please have a look at feat: calling-others-apis, adds LangGraph.js + React SPA quickstart #82 for more details on including that (slightly different here as we are coming from Next.js rather than SPA, but this should be similar).

deepu105 · 2025-09-30T09:08:46Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx


 Next, add the following code to `src/lib/auth0.ts`:

 ```tsx src/lib/auth0.ts wrap lines highlight={2-5}


highlight lines would need update, can you plz update that for all updated code blocks

deepu105 · 2025-09-30T09:10:36Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

+}
+```
+Then, in your auth.mts file, add your auth logic:
+```typescript ./auth.mts wrap lines


is the path for auth.mts correct? shoudlnt it be src/lib/auth.mts?

Good catch! Updated paths everywhere

deepu105 · 2025-09-30T09:14:33Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

+```
+Then, in your auth.mts file, add your auth logic:
+```typescript ./auth.mts wrap lines
+import { createRemoteJWKSet, jwtVerify } from "jose";


are the dependencoes needed for this available in a new app (try deleting node_modules, install again and test)

I've added these packages in this PR

deepu105 · 2025-09-30T09:15:51Z

auth4genai/snippets/get-started/langchain-next-js/auth-for-rag.mdx

 import { initApiPassthrough } from "langgraph-nextjs-api-passthrough";

-import { getUser } from "@/lib/auth0";
+import { getUser, getAccessToken } from "@/lib/auth0";


i dont see a point of updating the rag quickstart as this change is not required for this quiclkstart to work at all. Its ok to update the sample app as good practice but I think the quickstart need not be updated. I'll leave the decision to you @KarimTantawy5

As in access token is not used in the RAG tool so adding all this in this quickstart doesnt serve any purpose.

deepu105 · 2025-09-30T09:17:57Z

auth4genai/snippets/get-started/langchain-next-js/call-others-api.mdx

+          ...payload,
        };
+      } catch (jwtError) {
+        ...


whats happening here?

Added logic in catch block

deepu105 · 2025-09-30T09:18:14Z

auth4genai/snippets/get-started/langchain-next-js/auth-for-rag.mdx

+          ...payload,
+        };
+      } catch (jwtError) {
+        ...


Added logic in catch block

deepu105 · 2025-09-30T09:19:55Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

+          ...payload,
        };
+      } catch (jwtError) {
+        ...


Added logic in catch block

deepu105 · 2025-09-30T13:41:38Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

 import { AccountAndAppSteps } from "/snippets/get-started/prerequisites/account-app-steps.jsx";

-<Prerequisites />
+<Prerequisites createAuth0ApiStep={{}} />


is API needed? I thought its only required for the calling other API one. @priley86 can you confirm?

from my standpoint, yes... we are passing user information potentially across the network, and referencing it with regards to buying a product. We should try to validate the source of the requestor and that proper authorization is in place for the API.

deepu105 · 2025-09-30T13:42:18Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

+}
+```
+Then, in your auth.ts file, add your auth logic:
+```typescript ./src/lib/auth.ts wrap lines


Suggested change

```typescript ./src/lib/auth.ts wrap lines

```typescript src/lib/auth.ts wrap lines

deepu105 · 2025-09-30T13:43:36Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

 ### Require async authorization for your tool

-Call the tool from your AI app to make purchases. Update the `src/lib/agent.ts` file with the following code:
+Call the tool from your AI app to make purchases. Update the `./src/lib/agent.ts` file with the following code:


can we keep it consistent plz, throughout the quickstarts we have src/...

deepu105 · 2025-09-30T13:43:44Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

+Call the tool from your AI app to make purchases. Update the `./src/lib/agent.ts` file with the following code:

-```ts src/lib/agent.ts wrap lines highlight={2,3,9}
+```ts ./src/lib/agent.ts wrap lines highlight={2,3,9}


Suggested change

```ts ./src/lib/agent.ts wrap lines highlight={2,3,9}

```ts src/lib/agent.ts wrap lines highlight={2,3,9}

deepu105 · 2025-09-30T13:44:04Z

auth4genai/snippets/get-started/langchain-next-js/auth-for-rag.mdx

 import { AccountAndAppSteps } from "/snippets/get-started/prerequisites/account-app-steps.jsx";

-<Prerequisites />
+<Prerequisites createAuth0ApiStep={{}} />


is this needed??

deepu105 · 2025-09-30T13:46:39Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

 import { AccountAndAppSteps } from "/snippets/get-started/prerequisites/account-app-steps.jsx";

-<Prerequisites />
+<Prerequisites createAuth0ApiStep={{}} />


is it necessary?

deepu105 · 2025-09-30T13:46:52Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

+}
+```
+Then, in your auth.ts file, add your auth logic:
+```typescript ./src/lib/auth.ts wrap lines


Suggested change

```typescript ./src/lib/auth.ts wrap lines

```typescript src/lib/auth.ts wrap lines

deepu105 · 2025-09-30T13:47:12Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

 ### Add the tool to the AI agent

-The AI agent processes and runs the user's request through the AI pipeline, including the tool call. Update the `/src/lib/agent.ts` file to add the tool to the agent.
+The AI agent processes and runs the user's request through the AI pipeline, including the tool call. Update the `./src/lib/agent.ts` file to add the tool to the agent.


Suggested change

The AI agent processes and runs the user's request through the AI pipeline, including the tool call. Update the `./src/lib/agent.ts` file to add the tool to the agent.

The AI agent processes and runs the user's request through the AI pipeline, including the tool call. Update the `src/lib/agent.ts` file to add the tool to the agent.

deepu105 · 2025-09-30T13:47:21Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

+The AI agent processes and runs the user's request through the AI pipeline, including the tool call. Update the `./src/lib/agent.ts` file to add the tool to the agent.

-```ts src/lib/agent.ts wrap lines highlight={2,8}
+```ts ./src/lib/agent.ts wrap lines highlight={2,8}


Suggested change

```ts ./src/lib/agent.ts wrap lines highlight={2,8}

```ts src/lib/agent.ts wrap lines highlight={2,8}

deepu105 · 2025-09-30T13:47:56Z

auth4genai/snippets/how-tos/github/langgraph.mdx

-Then, in your auth.mts file, add your auth logic:
-```typescript ./auth.mts wrap lines
+Then, in your auth.ts file, add your auth logic:
+```typescript ./src/lib/auth.ts wrap lines


Suggested change

```typescript ./src/lib/auth.ts wrap lines

```typescript src/lib/auth.ts wrap lines

lrzhou25 · 2025-09-30T16:29:55Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

 ```

-Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. The `user` will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.
+Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. AccessToken will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.


Suggested change

Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. AccessToken will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.

Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. AccessToken will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.

Suggested change

Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. AccessToken will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.

Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. The access token will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.

lrzhou25 · 2025-09-30T16:30:13Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

+
+### Add Custom Authentication
+<Info>
+For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.


Suggested change

For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.

For more information on how to add custom authentication for your LangGraph Platform application, read the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.

lrzhou25 · 2025-09-30T16:30:23Z

auth4genai/snippets/get-started/langchain-next-js/async-auth.mdx

+<Info>
+For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.
+</Info>
+In your langgraph.json, add the path to your auth file:


Suggested change

In your langgraph.json, add the path to your auth file:

In your `langgraph.json`, add the path to your auth file:

lrzhou25 · 2025-09-30T16:31:07Z

auth4genai/snippets/get-started/langchain-next-js/auth-for-rag.mdx

-Now, update the `/src/lib/agent.ts` file with the following code to add the tool to your agent:
+### Add Custom Authentication
+<Info>
+For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.


Suggested change

For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.

For more information on how to add custom authentication for your LangGraph Platform application, read the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.

lrzhou25 · 2025-09-30T16:31:16Z

auth4genai/snippets/get-started/langchain-next-js/auth-for-rag.mdx

+<Info>
+For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.
+</Info>
+In your langgraph.json, add the path to your auth file:


Suggested change

In your langgraph.json, add the path to your auth file:

In your `langgraph.json`, add the path to your auth file:

lrzhou25 · 2025-09-30T16:32:38Z

auth4genai/snippets/get-started/langchain-next-js/call-others-api.mdx

+<Info>
+For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.
+</Info>
+In your langgraph.json, add the path to your auth file:


Suggested change

In your langgraph.json, add the path to your auth file:

In your `langgraph.json`, add the path to your auth file:

lrzhou25 · 2025-09-30T16:32:48Z

auth4genai/snippets/get-started/langchain-next-js/call-others-api.mdx

+  }
+}
+```
+Then, in your auth.ts file, add your auth logic:


Suggested change

Then, in your auth.ts file, add your auth logic:

Then, in your `auth.ts` file, add your auth logic:

lrzhou25 · 2025-09-30T16:33:49Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

+
+### Add Custom Authentication
+<Info>
+For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.


Suggested change

For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.

For more information on how to add custom authentication for your LangGraph Platform application, read the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.

lrzhou25 · 2025-09-30T16:35:01Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

+<Info>
+For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.
+</Info>
+In your langgraph.json, add the path to your auth file:


Suggested change

In your langgraph.json, add the path to your auth file:

In your `langgraph.json`, add the path to your auth file:

lrzhou25 · 2025-09-30T16:35:13Z

auth4genai/snippets/get-started/langchain-next-js/call-your-api.mdx

+  }
+}
+```
+Then, in your auth.ts file, add your auth logic:


Suggested change

Then, in your auth.ts file, add your auth logic:

Then, in your `auth.ts` file, add your auth logic:

KarimTantawy5

Looks good

fix: updated quick-start examples with updated langgraph-nextjs-api-p…

a5045f4

…assthrough usage

deepu105 requested changes Sep 30, 2025

View reviewed changes

fix: added small fixes

2c4dff6

PavelKorobchuk requested a review from deepu105 September 30, 2025 10:56

fix: added custom api step

aaeb613

priley86 previously approved these changes Sep 30, 2025

View reviewed changes

deepu105 requested changes Sep 30, 2025

View reviewed changes

fix: removed ./src

5e52dbf

PavelKorobchuk dismissed priley86’s stale review via 5e52dbf September 30, 2025 14:05

priley86 previously approved these changes Oct 1, 2025

View reviewed changes

lrzhou25 reviewed Oct 1, 2025

View reviewed changes

fix: added small fixes

2c00e6e

PavelKorobchuk dismissed priley86’s stale review via 2c00e6e October 1, 2025 16:44

PavelKorobchuk requested a review from lrzhou25 October 1, 2025 16:53

lrzhou25 approved these changes Oct 1, 2025

View reviewed changes

priley86 approved these changes Oct 1, 2025

View reviewed changes

PavelKorobchuk requested a review from deepu105 October 1, 2025 17:26

KarimTantawy5 approved these changes Oct 2, 2025

View reviewed changes

deepu105 approved these changes Oct 2, 2025

View reviewed changes

priley86 merged commit ed47b50 into auth0:main Oct 2, 2025
1 check passed


		Next, add the following code to `src/lib/auth0.ts`:

		```tsx src/lib/auth0.ts wrap lines highlight={2-5}

	```typescript ./src/lib/auth.ts wrap lines
	```typescript src/lib/auth.ts wrap lines

	```ts ./src/lib/agent.ts wrap lines highlight={2,3,9}
	```ts src/lib/agent.ts wrap lines highlight={2,3,9}

	The AI agent processes and runs the user's request through the AI pipeline, including the tool call. Update the `./src/lib/agent.ts` file to add the tool to the agent.
	The AI agent processes and runs the user's request through the AI pipeline, including the tool call. Update the `src/lib/agent.ts` file to add the tool to the agent.

	Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. AccessToken will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.
	Update the `/src/app/api/chat/[..._path]/route.ts` file with the following code. AccessToken will be passed to your LangGraph agent so we can use it from the Auth0 AI SDK to get the current user.

	For more information on how to add custom authentication for your LangGraph Platform application, see the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.
	For more information on how to add custom authentication for your LangGraph Platform application, read the [Custom Auth](https://langchain-ai.github.io/langgraphjs/how-tos/auth/custom_auth/) guide.

	In your langgraph.json, add the path to your auth file:
	In your `langgraph.json`, add the path to your auth file:

	Then, in your auth.ts file, add your auth logic:
	Then, in your `auth.ts` file, add your auth logic:

fix: updated quick-start examples with updated langgraph-nextjs-api-passthrough usage #100

fix: updated quick-start examples with updated langgraph-nextjs-api-passthrough usage #100

Uh oh!

Conversation

PavelKorobchuk commented Sep 29, 2025

Description

Testing

Checklist

Uh oh!

priley86 commented Sep 29, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

priley86 commented Sep 29, 2025 •

edited

Loading