Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update typos interactive.md #10490

Merged
merged 2 commits into from
Jan 24, 2025
Merged

Update typos interactive.md #10490

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1a0ecbb
Update typos interactive.md
BcnCarlos Jan 24, 2025
2874b2c
Update interactive.md
BcnCarlos Jan 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions articles/quickstart/webapp/nextjs/interactive.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ The SDK will read these values from the Node.js process environment and automati

## Create the Auth0 SDK Client {{{ data-action=code data-code="src/lib/auth0.ts" }}}

Create a file at `src/lib.auth0.ts`. This file provides methods for handling authentication, sessions and user data.
Create a file at `src/lib/auth0.ts`. This file provides methods for handling authentication, sessions and user data.

Then, import the `Auth0Client` class from the SDK to create an instance and export it as `auth0`. This instance is used in your app to interact with Auth0.

Expand All @@ -67,13 +67,13 @@ The Next.js Middleware allows you to run code before a request is completed.
Create a file at `src/middleware.ts`. This file is used to enforce authentication on specific routes.

The `middleware` function intercepts incoming requests and applies Auth0's authentication logic.
The `matcher` configuration ensures that the middleware runs on all routes except for statis files and metadata.
The `matcher` configuration ensures that the middleware runs on all routes except for static files and metadata.

## Add the Landing Page Content {{{ data-action=code data-code="src/app/page.tsx" }}}

The Landing page `src/app/page.tsx` is where users interact with your app. It displays different content based on whether the users is logged in or not.

Edit the file `src/app/page.tsx` to add the `auht0.getSession()` method to determine if the user is logged in by retrieving the user session.
Edit the file `src/app/page.tsx` to add the `auth0.getSession()` method to determine if the user is logged in by retrieving the user session.

If there is no user session, the method returns `null` and the app displays the **Sign up** or **Log in** buttons.
If a user sessions exists, the app displays a welcome message with the user's name and a **Log out** button.
Expand Down
Loading