<RedirectToSignIn />

The <RedirectToSignIn /> component will navigate to the sign in URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack.

Usage

App Router

app/layout.tsx

import { OneAuxiliaProvider, SignedIn, SignedOut, RedirectToSignIn } from '@oneauxilia/nextjs'

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html>
      <body>
        <OneAuxiliaProvider>
          <SignedIn>{children}</SignedIn>
          <SignedOut>
            <RedirectToSignIn />
          </SignedOut>
        </OneAuxiliaProvider>
      </body>
    </html>
  )
}

Pages Router

pages/_app.tsx

import { OneAuxiliaProvider, SignedIn, SignedOut, RedirectToSignIn } from '@oneauxilia/nextjs'
import { AppProps } from 'next/app'

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <OneAuxiliaProvider>
      <SignedIn>
        <Component {...pageProps} />
      </SignedIn>
      <SignedOut>
        <RedirectToSignIn />
      </SignedOut>
    </OneAuxiliaProvider>
  )
}

export default MyApp

pages/privatepage.tsx

import { OneAuxiliaProvider, SignedIn, SignedOut, RedirectToSignIn } from '@oneauxilia/oneauxilia-react'

function PrivatePage() {
  return (
    <OneAuxiliaProvider publishableKey={`YOUR_PUBLISHABLE_KEY`}>
      <SignedIn>Content that is displayed to signed in users.</SignedIn>
      <SignedOut>
        <RedirectToSignIn />
      </SignedOut>
    </OneAuxiliaProvider>
  )
}

routes/index.tsx

import { SignedIn, SignedOut, RedirectToSignIn, UserButton } from '@oneauxilia/remix'

export default function Index() {
  return (
    <div>
      <SignedIn>
        <h1>Index route</h1>
        <p>You are signed in!</p>
        <UserButton />
      </SignedIn>
      <SignedOut>
        <RedirectToSignIn />
      </SignedOut>
    </div>
  )
}

Properties

signInFallbackRedirectUrl? string

The fallback URL to redirect to after the user signs in, if there's no redirect_url in the path already. Defaults to /. It's recommended to use the environment variable instead.

signInForceRedirectUrl? string

If provided, this URL will always be redirected to after the user signs in. It's recommended to use the environment variable instead.

initialValues SignInInitialValues

The values used to prefill the sign-in fields with.

Previous<MultisessionAppSupport>Next<RedirectToSignUp />

Last updated 1 year ago