diff --git a/docs/docs/sdk-examples/introduction.mdx b/docs/docs/sdk-examples/introduction.mdx index 45e2465fb..de928731c 100644 --- a/docs/docs/sdk-examples/introduction.mdx +++ b/docs/docs/sdk-examples/introduction.mdx @@ -1,6 +1,7 @@ --- -title: Introduction +title: Examples and SDKs for ZITADEL sidebar_label: Introduction +sidebar_position: 1 --- You can integrate ZITADEL quickly into your application and be up and running within minutes. @@ -10,7 +11,7 @@ The SDKs and integration depend on the framework and language you are using. import { Frameworks } from "../../src/components/frameworks"; -### Resources +## Resources @@ -20,7 +21,7 @@ To further streamline your setup, simply visit the console in ZITADEL where you To begin configuring login for any of these samples, start [here](https://zitadel.com/signin). -### OIDC Libraries +## OIDC Libraries OIDC is a standard for authentication and most languages and frameworks do provide a OIDC library which can be easily integrated to your application. If we do not provide an specific example, SDK or guide, we strongly recommend using existing authentication libraries for your @@ -34,7 +35,7 @@ You might want to check out the following links to find a good library: - [OpenID General References](https://openid.net/developers/libraries/) - [OpenID certified developer tools](https://openid.net/certified-open-id-developer-tools/) -### Other example applications +## Other example applications - [B2B customer portal](https://github.com/zitadel/zitadel-nextjs-b2b): Showcase the use of personal access tokens in a B2B environment. Uses NextJS Framework. - [Frontend with backend API](https://github.com/zitadel/example-quote-generator-app): A simple web application using a React front-end and a Python back-end API, both secured using ZITADEL @@ -43,7 +44,7 @@ You might want to check out the following links to find a good library: Search for the "example" tag in our repository to [explore all examples](https://github.com/search?q=topic%3Aexamples+org%3Azitadel&type=repositories). -### Missing SDK +## Missing SDK Is your language/framework missing? Fear not, you can generate your gRPC API Client with ease. @@ -54,7 +55,7 @@ Is your language/framework missing? Fear not, you can generate your gRPC API Cli Let us make an example with Ruby. Any other supported language by buf will work as well. Consult the [buf plugin registry](https://buf.build/plugins) for more ideas. -#### Example with Ruby +### Example with Ruby With gRPC we usually need to generate the client stub and the messages/types. This is why we need two plugins. The plugin `grpc/ruby` generates the client stub and the plugin `protocolbuffers/ruby` takes care of the messages/types. diff --git a/docs/sidebars.js b/docs/sidebars.js index 1e26ec607..38596d4bf 100644 --- a/docs/sidebars.js +++ b/docs/sidebars.js @@ -54,18 +54,10 @@ module.exports = { label: "Examples & SDKs", link: {type: "doc", id: "sdk-examples/introduction"}, items: [ - "sdk-examples/introduction", - "sdk-examples/angular", - "sdk-examples/flutter", - "sdk-examples/go", - "sdk-examples/java", - "sdk-examples/nestjs", - "sdk-examples/nextjs", - "sdk-examples/python-flask", - "sdk-examples/python-django", - "sdk-examples/react", - "sdk-examples/symfony", - "sdk-examples/vue", + { + type: "autogenerated", + dirName: "sdk-examples" + }, { type: "link", label: "Dart", diff --git a/docs/src/components/tile.jsx b/docs/src/components/tile.jsx index e1066325c..1ce2a1c1f 100644 --- a/docs/src/components/tile.jsx +++ b/docs/src/components/tile.jsx @@ -8,7 +8,7 @@ export function Tile({ title, imageSource, imageSourceLight, link, external }) { className={styles.tile} target={external ? "_blank" : "_self"} > -

{title}

+

{title}