Build a sign-up page
Visit your new page
More resources

Build your own sign-up page with prebuilt components on web

By default, the <SignIn /> component handles signing in and signing up, but if you'd like to have a dedicated sign-up page, this guide shows you how to use the <SignUp /> component to build a custom sign-up page.

To set up a single sign-in-or-up page, follow the custom sign-in-or-up page guide.

This guide uses Expo Router and the platform-specific extensions to build the sign-up page specifically for the web platform.

The following example demonstrates how to render the <SignUp /> component.

/app/sign-up.web.tsx

import { SignUp } from '@clerk/clerk-expo/web'

export default function Page() {
  return <SignUp />
}

Visit your new page

To run your project, use the following command:

npm

yarn

pnpm

bun

terminal

npm run web

terminal

yarn web

terminal

pnpm web

terminal

bun web

Visit your new custom pages locally at localhost:8081/sign-up.

More resources

Use the following guides to learn more about Clerk components, how to build custom flows for your native apps, and how to use Clerk's client-side helpers.