Files
zitadel/apps/docs/frameworks.json
T
6f07b8deee 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]>
2026-02-04 13:09:25 +01:00

230 lines
5.7 KiB
JSON

[
{
"id": "client-php",
"title": "PHP",
"imgSrcDark": "/docs/img/tech/php.svg",
"docsLink": "/docs/sdk-examples/client-libraries/php",
"client": true
},
{
"id": "client-java",
"title": "Java",
"imgSrcDark": "/docs/img/tech/java.svg",
"docsLink": "/docs/sdk-examples/client-libraries/java",
"client": true
},
{
"id": "client-go",
"title": "Go",
"imgSrcDark": "/docs/img/tech/golang.svg",
"docsLink": "/docs/guides/start/quickstart?framework=go",
"client": true,
"sdk": true
},
{
"id": "client-ruby",
"title": "Ruby",
"imgSrcDark": "/docs/img/tech/ruby.svg",
"docsLink": "/docs/sdk-examples/client-libraries/ruby",
"client": true
},
{
"id": "client-python",
"title": "Python",
"imgSrcDark": "/docs/img/tech/python.svg",
"docsLink": "/docs/sdk-examples/client-libraries/python",
"client": true
},
{
"id": "client-node",
"title": "Node.js",
"imgSrcDark": "/docs/img/tech/nodejs.svg",
"docsLink": "/docs/sdk-examples/client-libraries/node",
"client": true
},
{
"id": "angular",
"title": "Angular",
"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/guides/start/quickstart?framework=angular"
},
{
"id": "flutter",
"title": "Flutter",
"imgSrcDark": "/docs/img/tech/flutter.svg",
"docsLink": "/docs/guides/start/quickstart?framework=flutter"
},
{
"title": "Go",
"imgSrcDark": "/docs/img/tech/golang.svg",
"docsLink": "/docs/guides/start/quickstart?framework=go"
},
{
"id": "spring",
"title": "Spring",
"imgSrcDark": "/docs/img/tech/spring.svg",
"docsLink": "/docs/sdk-examples/spring"
},
{
"title": "NestJS",
"imgSrcDark": "/docs/img/tech/nestjs.svg",
"docsLink": "/docs/sdk-examples/nestjs"
},
{
"id": "next",
"title": "Next.js",
"imgSrcDark": "/docs/img/tech/nextjs.svg",
"imgSrcLight": "/docs/img/tech/nextjslight.svg",
"docsLink": "/docs/guides/start/quickstart?framework=nextjs"
},
{
"id": "django",
"title": "Django",
"imgSrcDark": "/docs/img/tech/django.svg",
"docsLink": "/docs/sdk-examples/django"
},
{
"id": "flask",
"title": "Flask",
"imgSrcDark": "/docs/img/tech/flask.svg",
"imgSrcLight": "/docs/img/tech/flask.svg",
"docsLink": "/docs/sdk-examples/flask"
},
{
"id": "fastapi",
"title": "FastAPI",
"imgSrcDark": "/docs/img/tech/fastapi.svg",
"docsLink": "/docs/sdk-examples/fastapi"
},
{
"id": "react",
"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/guides/start/quickstart?framework=react"
},
{
"id": "symfony",
"title": "Symfony",
"imgSrcDark": "/docs/img/tech/symfony.svg",
"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/guides/start/quickstart?framework=vue"
},
{
"title": "Dart",
"imgSrcDark": "/docs/img/tech/dart.svg",
"docsLink": "https://github.com/smartive/zitadel-dart",
"external": true,
"client": true,
"sdk": true
},
{
"title": "Elixir",
"imgSrcDark": "/docs/img/tech/elixir.svg",
"docsLink": "https://github.com/maennchen/zitadel_api",
"external": true
},
{
"title": "NextAuth",
"imgSrcDark": "/docs/img/tech/nextjs.svg",
"imgSrcLight": "/docs/img/tech/nextjslight.svg",
"docsLink": "https://next-auth.js.org/providers/zitadel",
"external": true
},
{
"title": ".Net",
"imgSrcDark": "/docs/img/tech/dotnet.svg",
"docsLink": "https://github.com/smartive/zitadel-net",
"external": true,
"client": true
},
{
"title": "Passport.js",
"imgSrcDark": "/docs/img/tech/passportjs.svg",
"docsLink": "https://github.com/buehler/node-passport-zitadel",
"external": true
},
{
"title": "Rust",
"imgSrcLight": "/docs/img/tech/rust.svg",
"imgSrcDark": "/docs/img/tech/rustlight.svg",
"docsLink": "https://github.com/smartive/zitadel-rust",
"client": true,
"external": true
},
{
"title": "Pylon",
"imgSrcDark": "/docs/img/tech/pylon.svg",
"docsLink": "https://github.com/getcronit/pylon",
"external": true
},
{
"title": "Vanilla-JS",
"imgSrcDark": "/docs/img/tech/javascript.svg",
"docsLink": "https://github.com/zitadel/zitadel-vanilla-js",
"external": true
},
{
"id": "astro",
"title": "Astro",
"imgSrcDark": "/docs/img/tech/astro.svg",
"docsLink": "/docs/sdk-examples/astro"
},
{
"id": "expressjs",
"title": "Express.js",
"imgSrcDark": "/docs/img/tech/expressjs.svg",
"docsLink": "/docs/sdk-examples/expressjs"
},
{
"id": "fastify",
"title": "Fastify",
"imgSrcDark": "/docs/img/tech/fastify.svg",
"docsLink": "/docs/sdk-examples/fastify"
},
{
"id": "hono",
"title": "Hono",
"imgSrcDark": "/docs/img/tech/hono.svg",
"docsLink": "/docs/sdk-examples/hono"
},
{
"id": "nuxtjs",
"title": "Nuxt.js",
"imgSrcDark": "/docs/img/tech/nuxtjs.svg",
"docsLink": "/docs/sdk-examples/nuxtjs"
},
{
"id": "qwik",
"title": "Qwik",
"imgSrcDark": "/docs/img/tech/qwik.svg",
"docsLink": "/docs/sdk-examples/qwik"
},
{
"id": "solidstart",
"title": "SolidStart",
"imgSrcDark": "/docs/img/tech/solidstart.svg",
"docsLink": "/docs/sdk-examples/solidstart"
},
{
"id": "sveltekit",
"title": "SvelteKit",
"imgSrcDark": "/docs/img/tech/sveltekit.svg",
"docsLink": "/docs/sdk-examples/sveltekit"
},
{
"id": "laravel",
"title": "Laravel",
"imgSrcDark": "/docs/img/tech/laravel.svg",
"docsLink": "/docs/sdk-examples/laravel"
}
]