Build your own sign-in-or-up page for your Expo web app
This guide shows you how to use the <SignIn /> prebuilt component in order to build custom page that allows users to sign in or sign up within a single flow.
To set up separate sign-in and sign-up pages, follow this guide, and then follow the custom sign-up page guide.
This guide uses Expo Router and the platform-specific extensions to build the sign-in-or-up page specifically for the web platform.
Build a sign-in-or-up page
The following example demonstrates how to render the <SignIn /> component to allow users to both sign-in or sign-up from a single flow.
import { SignIn } from '@clerk/clerk-expo/web'
export default function Page() {
return <SignIn />
}Visit your new page
To run your project, use the following command:
npm run webyarn webpnpm webbun webVisit your new custom pages locally at localhost:8081/sign-in.
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.
Custom sign-up page
Learn how to add a custom sign-up page to your Next.js app with Clerk's prebuilt components.
Prebuilt components
Learn more about Clerk's suite of components that let you quickly add authentication to your app.
Customization & localization
Learn how to customize and localize Clerk components.
Custom flows
Expo native apps require custom flows in place of prebuilt components. Learn more about custom flows.
Client-side helpers
Learn more about our client-side helpers and how to use them.
Feedback
Last updated on