Skip to content

Commit

Permalink
(/quickstarts/nextjs) Mention use of Account Portal
Browse files Browse the repository at this point in the history
  • Loading branch information
alexisintech committed Sep 12, 2024
1 parent c88f153 commit 96de502
Showing 1 changed file with 20 additions and 4 deletions.
24 changes: 20 additions & 4 deletions docs/quickstarts/nextjs.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@ description: Add authentication and user management to your Next.js app with Cle
</SignedIn>

<SignedOut>
1. Navigate to the Clerk Dashboard.
1. In the navigation sidebar, select [API Keys](https://dashboard.clerk.com/last-active?path=api-keys).
1. Navigate to the [Clerk Dashboard](https://dashboard.clerk.com/last-active?path=api-keys).
1. In the top navigation, select **Configure**. Then in the sidebar, select **API Keys**.
1. In the **Quick Copy** section, copy your Clerk publishable and secret key.
1. Paste your keys into your `.env.local` file.

Expand Down Expand Up @@ -102,7 +102,7 @@ description: Add authentication and user management to your Next.js app with Cle
- [`<SignedIn>`](/docs/components/control/signed-in): Children of this component can only be seen while **signed in**.
- [`<SignedOut>`](/docs/components/control/signed-out): Children of this component can only be seen while **signed out**.
- [`<UserButton />`](/docs/components/user/user-button): A prebuilt component that comes styled out of the box to show the avatar from the account the user is signed in with.
- [`<SignInButton />`](/docs/components/unstyled/sign-in-button): An unstyled component that links to the sign-in page or displays the sign-in modal.
- [`<SignInButton />`](/docs/components/unstyled/sign-in-button): An unstyled component that links to the sign-in page. For this example, it links to the [Account Portal sign-in page.](/docs/customization/account-portal/overview)

Select your preferred router to learn how to make this data available across your entire app:

Expand Down Expand Up @@ -157,7 +157,23 @@ description: Add authentication and user management to your Next.js app with Cle

### Create your first user

Now visit your app's homepage at [`http://localhost:3000`](http://localhost:3000). Sign up to create your first user.
Run your project with the following command:

<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
```bash {{ filename: 'terminal' }}
npm run dev
```

```bash {{ filename: 'terminal' }}
yarn dev
```

```bash {{ filename: 'terminal' }}
pnpm dev
```
</CodeBlockTabs>

Visit your app's homepage at [http://localhost:3000](http://localhost:3000). Sign up to create your first user.
</Steps>

## Next steps
Expand Down

0 comments on commit 96de502

Please sign in to comment.