feat: Implement custom auth pages

[alex-streza]

Describe the feature you'd like to request

Given the design we'd prefer to use custom auth page for register and login.

Describe the solution you'd like to see

The UI is implemented but couldn't make Kinde work with login/register functions.

Additional information

No response

[SyedMuzamilM]

Let me take a look into this. And see if I could figure this out.

[SyedMuzamilM]

This is how the signup is going to work. I implemented it this way and it worked.

Since you use redirect function from useKindeAuth It was giving an error redirect is not a function.

import { RegisterLink } from '@kinde-oss/kinde-auth-nextjs/components'

<RegisterLink authUrlParams={{
    connection_id: process.env.NEXT_PUBLIC_KINDE_CONN_ID_PASSWORD!,
    login_hint: email
  }}>
  <Button type="button" className="mt-2 w-full">
    Sign up
  </Button>
</RegisterLink>

[alex-streza]

Awesome stuff! I couldn't find the docs for it but it really makes sense.

I'm adding it right now, do you also have any idea how to make contributing easier for newcomers?

[SyedMuzamilM]

I will update the readme for now. I will add a simple guide for contributors about how to get started.

Also you could add the project in the repo and list all the things that needs to be build.