fix: Separate Example Applications and SDKs/Integrations more clearly (#11569)

# Which Problems Are Solved

The distinction between Example Applications and SDKs has not been
clear. In the SDKs section a lot of Example applications where listed.
Also In the SDKs it was not really clear what the SDKs actually are.
Also some examples and skds are outdated and not well maintained
anymore.

# How the Problems Are Solved

- Moved all example app guides to the Example Applications Section
- Restructured SDKs Nav --> SDKs & Integrations: Frontend & Mobile,
Backend & API, Management API Clients
- Removed unnecessary / outdated guides
- Remove ids in framework.json for frameworks which shouldn't be
rendered in console

## Todos:
- Update SDKs Introduction page
- Add links to common oidc libs for most used frameworks

---------

Co-authored-by: Mridang Agarwalla <[email protected]>
This commit is contained in:
Fabienne Bühler
2026-03-11 14:57:15 +01:00
committed by GitHub
co-authored by Mridang Agarwalla
parent d5f35fbd54
commit 574e23e834
33 changed files with 364 additions and 1696 deletions
+79 -106
View File
@@ -88,14 +88,14 @@ export const guidesSidebar: readonly SidebarItem[] = [
"Step-by-step instructions for integrating ZITADEL authentication into your frontend single-page applications. Includes guides for React, Angular, Vue, and vanilla JS.",
},
items: [
"sdk-examples/angular",
"sdk-examples/react",
{
type: "link",
label: "Vanilla-JS",
href: "https://github.com/zitadel/zitadel-vanilla-js",
},
"examples/login/react",
"examples/login/angular",
"examples/login/vue",
"sdk-examples/vue",
],
},
{
@@ -123,8 +123,20 @@ export const guidesSidebar: readonly SidebarItem[] = [
"Integrate ZITADEL with your full-stack and server-side rendered (SSR) applications. Follow our guides for Next.js, B2B scenarios, and other modern web frameworks.",
},
items: [
"examples/login/nextjs",
"sdk-examples/astro",
"sdk-examples/dotnet",
"sdk-examples/expressjs",
"sdk-examples/flask",
"sdk-examples/fastapi",
"sdk-examples/fastify",
"sdk-examples/laravel",
"sdk-examples/nestjs",
"sdk-examples/nextjs",
"examples/login/nextjs-b2b",
"sdk-examples/nuxtjs",
"sdk-examples/qwik",
"sdk-examples/solidstart",
"sdk-examples/sveltekit",
],
},
{
@@ -138,10 +150,10 @@ export const guidesSidebar: readonly SidebarItem[] = [
"Step-by-step guides for integrating ZITADEL into traditional server-side web applications. Learn how to secure Java Spring, PHP Symfony, Django, and Go apps.",
},
items: [
"examples/login/symfony",
"examples/login/java-spring",
"examples/login/python-django",
"examples/login/go"
"sdk-examples/django",
"examples/login/go",
"sdk-examples/symfony",
"sdk-examples/spring",
],
},
{
@@ -157,10 +169,9 @@ export const guidesSidebar: readonly SidebarItem[] = [
items: [
"examples/secure-api/go",
"examples/secure-api/java-spring",
"examples/secure-api/python-django",
"examples/secure-api/python-flask",
"examples/secure-api/nodejs-nestjs",
"examples/secure-api/pylon",
"examples/secure-api/python-django",
],
},
],
@@ -282,49 +293,44 @@ export const guidesSidebar: readonly SidebarItem[] = [
},
{
type: "category",
label: "SDKs",
label: "SDKs & Integrations",
items: [
"sdk-examples/introduction",
{
type: "category",
label: "Frontend (SPA)",
items: [
"sdk-examples/react",
"sdk-examples/angular",
"sdk-examples/vue",
],
},
{
type: "category",
label: "Mobile & Native",
label: "Frontend & Mobile (OIDC/PKCE)",
items: [
{
type: "link",
label: "Dart / Flutter",
href: "https://github.com/smartive/zitadel-dart",
label: "Angular",
href: "/docs/sdk-examples/oidc-libraries"
},
"sdk-examples/go",
{
type: "link",
label: ".NET (MAUI/Xamarin)",
href: "https://github.com/smartive/zitadel-net",
},
],
},
{
type: "category",
label: "Full-Stack / SSR",
items: [
"sdk-examples/nextjs",
"sdk-examples/nuxtjs",
"sdk-examples/sveltekit",
"sdk-examples/qwik",
"sdk-examples/solidstart",
"sdk-examples/astro",
{
type: "link",
label: "NextAuth",
href: "https://next-auth.js.org/providers/zitadel",
},
{
type: "link",
label: "React",
href: "https://github.com/zitadel/zitadel-react",
},
{
type: "link",
label: "Vue",
href: "https://github.com/zitadel/zitadel-vue",
},
{
type: "link",
label: "Other",
href: "/docs/sdk-examples/oidc-libraries"
},
],
},
{
@@ -332,85 +338,52 @@ export const guidesSidebar: readonly SidebarItem[] = [
label: "Backend & API",
items: [
{
type: "category",
label: "Node.js",
items: [
"sdk-examples/client-libraries/node",
"sdk-examples/expressjs",
"sdk-examples/fastify",
"sdk-examples/hono",
"sdk-examples/nestjs",
{
type: "link",
label: "Passport.js",
href: "https://github.com/buehler/node-passport-zitadel",
},
{
type: "link",
label: "Node.js (Community)",
href: "https://www.npmjs.com/package/@zitadel/node",
},
],
type: "link",
label: ".NET (MAUI/Xamarin)",
href: "https://github.com/smartive/zitadel-net",
},
"sdk-examples/go",
{
type: "link",
label: "Passport.js",
href: "https://github.com/buehler/node-passport-zitadel",
},
],
},
{
type: "category",
label: "Management API Clients",
items: [
{
type: "link",
label: "Dart / Flutter",
href: "https://github.com/smartive/zitadel-dart",
},
{
type: "category",
label: "Python",
items: [
"sdk-examples/client-libraries/python",
"sdk-examples/flask",
"sdk-examples/django",
"sdk-examples/fastapi",
],
type: "link",
label: "Elixir",
href: "https://github.com/maennchen/zitadel_api",
},
"sdk-examples/go",
"sdk-examples/client-libraries/java",
{
type: "category",
label: "Go",
items: ["sdk-examples/go"],
type: "link",
label: ".NET (MAUI/Xamarin)",
href: "https://github.com/smartive/zitadel-net",
},
"sdk-examples/client-libraries/node",
{
type: "category",
label: "Java",
items: [
"sdk-examples/java",
"sdk-examples/spring",
"sdk-examples/client-libraries/java",
],
type: "link",
label: "Node.js (Community)",
href: "https://github.com/smartive/zitadel-node",
},
"sdk-examples/client-libraries/php",
"sdk-examples/client-libraries/python",
"sdk-examples/client-libraries/ruby",
{
type: "category",
label: "PHP",
items: [
"sdk-examples/symfony",
"sdk-examples/laravel",
"sdk-examples/client-libraries/php",
],
},
{
type: "category",
label: ".NET",
items: ["sdk-examples/dotnet"],
},
{
type: "category",
label: "Other Languages",
items: [
"sdk-examples/client-libraries/ruby",
{
type: "link",
label: "Elixir",
href: "https://github.com/maennchen/zitadel_api",
},
{
type: "link",
label: "Rust",
href: "https://github.com/smartive/zitadel-rust",
},
{
type: "link",
label: "Pylon",
href: "https://github.com/getcronit/pylon",
},
],
type: "link",
label: "Rust",
href: "https://github.com/smartive/zitadel-rust",
},
],
},