mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-18 05:52:51 +00:00
# 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]>
230 lines
5.7 KiB
JSON
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"
|
|
}
|
|
]
|