Skip to content

Commit

Permalink
Small fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
anagstef committed Jul 15, 2024
1 parent d24a87f commit 04e8aac
Showing 1 changed file with 9 additions and 5 deletions.
14 changes: 9 additions & 5 deletions docs/references/remix/spa-mode.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -30,14 +30,12 @@ Once you have a Remix application ready, you need to install Clerk's Remix SDK.
```
</CodeBlockTabs>

### Configure `ClerkApp` with your publishable key and options
### Configure `ClerkApp` with your Publishable key

Clerk provides a `ClerkApp` wrapper to provide the authentication state to your React tree.

Also, you will need your publishable key which can be found in the Clerk Dashboard on the [API Keys](https://dashboard.clerk.com/last-active?path=api-keys) page.
Clerk provides a `ClerkApp` wrapper to provide the authentication state to your React tree. Also, you will need your Publishable key which can be found in the Clerk Dashboard on the [API Keys](https://dashboard.clerk.com/last-active?path=api-keys) page.

<Callout type="warning">
You will not need the secret key in Remix SPA mode, as it should never be used on the client side.
You will not need the Clerk Secret Key in Remix SPA mode, as it should never be used on the client side.
</Callout>

```tsx {{ filename: 'app/root.tsx' }}
Expand Down Expand Up @@ -73,6 +71,12 @@ export default ClerkApp(App, {
});
```

### Build your own sign-in and sign-up pages

In addition to the [Account Portal pages](/docs/account-portal/overview), Clerk also offers a set of [prebuilt components](/docs/components/overview) that you can use instead to embed sign-in, sign-up, and other user management functions into your Remix application. We are going to use the `<SignIn /> `and `<SignUp />` components by utilizing the Remix optional catch-all route.

The functionality of the components are controlled by the instance settings you specify in your [Clerk Dashboard](https://dashboard.clerk.com).

#### Build your sign-up page

```tsx filename="app/routes/sign-up.$.tsx"
Expand Down

0 comments on commit 04e8aac

Please sign in to comment.