I'm using Clerk to implement authentication for my application. It's an app that will only be used internally so I just want the people I give access to be able to sign in. I don't really want anyone to have the ability to sign up themselves. I like Clerk for how easy it is to add auth to apps but I'm not seeing a way to disable the sign up feature. Has anyone tried this?
In this case I'm using Nextjs, navigate to _app.tsx file inside src/app/pages folder
import { ClerkProvider } from "@clerk/nextjs";
const MyApp: AppType = ({ Component, pageProps }) => {
return (
<ClerkProvider appearance={{
elements: {
footer: "hidden",
},
}}>
<Component {...pageProps} />
</ClerkProvider>
)}
So in this scenario, if you want users to not be able to signup...you can simply disable the signup text below which says "Don't have an account? Signup" by modifying the whole element with css . The css class of the signup text is - footer, which you can edit in your own way. for more, read the doc: https://clerk.com/docs/users/build-your-own-ui
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With