custom auth pages
The is a post made after @Daniel_Kinde asked. It is about my question on how is the login method implemented / imported when dealing with a nextjs repo ?
OThe login functionality is typically imported from the @Kinde-oss/kinde-auth-nextjs package and can be used in your Next.js pages or components.
Here's an example of how you might import and use the LoginLink component to implement a login method:
The LoginLink component will start the authentication flow when clicked. If you want to redirect users to a specific page after they log in, you can set the postLoginRedirectURL parameter:
This will append the post_login_redirect_url parameter to the search params when redirecting to Kinde Auth.
Additionally, you can use the getKindeServerSession helper on the server side to check if a user is authenticated and to retrieve user information:
These are the general steps to implement login functionality in a Next.js application using Kinde's SDK.
Here's an example of how you might import and use the LoginLink component to implement a login method:
The LoginLink component will start the authentication flow when clicked. If you want to redirect users to a specific page after they log in, you can set the postLoginRedirectURL parameter:
This will append the post_login_redirect_url parameter to the search params when redirecting to Kinde Auth.
Additionally, you can use the getKindeServerSession helper on the server side to check if a user is authenticated and to retrieve user information:
These are the general steps to implement login functionality in a Next.js application using Kinde's SDK.
O@Daniel_Kinde might jump in and add more details
II was more asking about this :
Where is the login method coming from ? I checked here : https://kinde.com/docs/authentication-and-access/custom-authentication-pages/ and didn't find anything that would help
Where is the login method coming from ? I checked here : https://kinde.com/docs/authentication-and-access/custom-authentication-pages/ and didn't find anything that would help
Kinde Docs
Our developer tools provide everything you need to get started with Kinde.
IAnd how about custom email sign-up page ? Is it possible ? In the docs it was only mentioned signing-in
II'd like my auth page to be design around a Dialog modal with custom fields that will be sent alongside Kinde auth to my DB
OA member of the team will help you out with the login method question.
Kinde currently doesn't support a Dialong modal, but we will support it once this feature is rolled out https://updates.kinde.com/board/custom-sign-in-up-page
Kinde currently doesn't support a Dialong modal, but we will support it once this feature is rolled out https://updates.kinde.com/board/custom-sign-in-up-page
Fully customized user authentication (headless auth)
PThis should look something more like this:
PWith the Dialog modal, Andre is right in that you may have to wait until we have Headless Auth to handle authentication within your app. You could do a dialog with the login button on it, but it will have to redirect to the kinde auth flow
Pplease i needs pointers on where to import the login method he mentioned here from
<button
onClick={() =>
login({
authUrlParams: {
connection_id: "conn_e5f80aa5258e4685bf629b38003ee954"
login_hint: "dave@kinde.com"
}
})
}
>
Sign in with email
</button>
i cant seem to find it in your documentation.
<button
onClick={() =>
login({
authUrlParams: {
connection_id: "conn_e5f80aa5258e4685bf629b38003ee954"
login_hint: "dave@kinde.com"
}
})
}
>
Sign in with email
</button>
i cant seem to find it in your documentation.
ISo i ended up using a router.push to the api endoint because I wasn't able to find the said login method. my code looks like this :