docs: Quickstart add frameworks (#11485)

# Which Problems Are Solved

The quickstart only shows the steps to take to get a working zitadel
login into your app with react.
For users with another framework or languages we didn't show how to get
to success fast.

# How the Problems Are Solved

- Adding different frameworks to the qucisktart example
- Make sure the app configurations in the onboarding flow from the
console match the configurations from the examples
- Docs link in console onboarding flow point towards quickstart
- Quickstart accepts framework selector, to pre select a framework from
another page

---------

Co-authored-by: Federico Coppede <[email protected]>
Co-authored-by: Copilot <[email protected]>
This commit is contained in:
Fabienne Bühler
2026-02-04 13:09:25 +01:00
committed by GitHub
co-authored by Federico Coppede Copilot
parent be6590c33c
commit 6f07b8deee
50 changed files with 447 additions and 84 deletions
+8 -8
View File
@@ -17,7 +17,7 @@
"id": "client-go",
"title": "Go",
"imgSrcDark": "/docs/img/tech/golang.svg",
"docsLink": "/docs/sdk-examples/go",
"docsLink": "/docs/guides/start/quickstart?framework=go",
"client": true,
"sdk": true
},
@@ -48,18 +48,18 @@
"description": "This preset sets up an OIDC configuration with Authentication Code Flow, secured by PKCE",
"imgSrcLight": "/docs/img/tech/angular.svg",
"imgSrcDark": "/docs/img/tech/angular.svg",
"docsLink": "/docs/sdk-examples/angular"
"docsLink": "/docs/guides/start/quickstart?framework=angular"
},
{
"id": "flutter",
"title": "Flutter",
"imgSrcDark": "/docs/img/tech/flutter.svg",
"docsLink": "/docs/sdk-examples/flutter"
"docsLink": "/docs/guides/start/quickstart?framework=flutter"
},
{
"title": "Go",
"imgSrcDark": "/docs/img/tech/golang.svg",
"docsLink": "/docs/sdk-examples/go"
"docsLink": "/docs/guides/start/quickstart?framework=go"
},
{
"id": "spring",
@@ -77,7 +77,7 @@
"title": "Next.js",
"imgSrcDark": "/docs/img/tech/nextjs.svg",
"imgSrcLight": "/docs/img/tech/nextjslight.svg",
"docsLink": "/docs/sdk-examples/nextjs"
"docsLink": "/docs/guides/start/quickstart?framework=nextjs"
},
{
"id": "django",
@@ -103,20 +103,20 @@
"title": "React",
"description": "This preset sets up an OIDC configuration with Authentication Code Flow, secured by PKCE",
"imgSrcDark": "/docs/img/tech/react.svg",
"docsLink": "/docs/sdk-examples/react"
"docsLink": "/docs/guides/start/quickstart?framework=react"
},
{
"id": "symfony",
"title": "Symfony",
"imgSrcDark": "/docs/img/tech/symfony.svg",
"docsLink": "/docs/sdk-examples/symfony"
"docsLink": "/docs/guides/start/quickstart?framework=symfony"
},
{
"id": "vue",
"title": "Vue.js",
"description": "This preset sets up an OIDC configuration with Authentication Code Flow, secured by PKCE",
"imgSrcDark": "/docs/img/tech/vue.svg",
"docsLink": "/docs/sdk-examples/vue"
"docsLink": "/docs/guides/start/quickstart?framework=vue"
},
{
"title": "Dart",