Feat request: add an example on how to connect to Hydra

[hugotiburtino]

Kratos can for some time now natively integrate to Hydra. But it is still not easy to understand what has to be done.
We could try to take a look at community code, as suggested at ory/kratos#2976, but it would be great to have a plain oficial example.

[victorvat]

https://github.com/ory/kratos-selfservice-ui-node already has the ability to communicate with Hydra. Please, add the same functionality to this next.js example 🙏

[heartical]

As a user of the Kratos and Next.js example applications, I would like to see the integration of ORY Hydra added, so that I can have a fully-functional OAuth2 and OpenID Connect implementation in the application. This would allow me to authenticate with various identity providers, such as Google, Facebook, and GitHub, and have a secure and streamlined authorization experience.
The Kratos example application should be extended to support the creation of a new ORY Hydra instance, allowing for the configuration of various OAuth2 and OpenID Connect providers. Additionally, the Next.js application should be updated to utilize this new functionality, ensuring a smooth user experience for authenticating with external providers.
Specifically, the following features should be implemented:
Ability to configure an ORY Hydra instance in the Kratos settings, including the URLs for the ORY Hydra API and the provider’s authorization and token endpoints.
Support for creating, updating, and deleting ORY Hydra instances in the Kratos Admin UI.

I have also seen the implementation of or hydra next-auth, but it is somewhat different in my opinion. It would be great if it were next.The js application also had a consent page, like consent.hbs

[KingMonty]

Has anyone had luck with this?