mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-12 06:42:59 +00:00
@@ -108,3 +108,12 @@ pnpm dev
|
||||
```
|
||||
|
||||
Open the login application with your favorite browser at `localhost:3000`.
|
||||
|
||||
### Deploy to Vercel
|
||||
|
||||
To deploy your own version on Vercel, navigate to your instance and create a service user.
|
||||
Copy its id from the overview and set it as ZITADEL_SERVICE_USER_ID.
|
||||
Then create a personal access token (PAT), copy and set it as ZITADEL_SERVICE_USER_TOKEN, then navigate to your instance settings and make sure it gets IAM_OWNER permissions.
|
||||
Finally set your instance url as ZITADEL_API_URL. Make sure to set it without trailing slash.
|
||||
|
||||
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fzitadel%2Ftypescript&env=ZITADEL_API_URL,ZITADEL_SERVICE_USER_ID,ZITADEL_SERVICE_USER_TOKEN&envDescription=Setup%20a%20service%20account%20with%20IAM_OWNER%20membership%20on%20your%20instance%20and%20provide%20its%20id%20and%20personal%20access%20token.&project-name=zitadel-login&repository-name=zitadel-login)
|
||||
|
||||
@@ -36,6 +36,15 @@ export default function Page() {
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col">
|
||||
<div className="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
|
||||
Deploy your own on Vercel
|
||||
</div>
|
||||
<a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fzitadel%2Ftypescript&env=ZITADEL_API_URL,ZITADEL_SERVICE_USER_ID,ZITADEL_SERVICE_USER_TOKEN&envDescription=Setup%20a%20service%20account%20with%20IAM_OWNER%20membership%20on%20your%20instance%20and%20provide%20its%20id%20and%20personal%20access%20token.&project-name=zitadel-login&repository-name=zitadel-login">
|
||||
<img src="https://vercel.com/button" alt="Deploy with Vercel" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -16,23 +16,13 @@ export const demos: { name: string; items: Item[] }[] = [
|
||||
{
|
||||
name: "Loginname",
|
||||
slug: "loginname",
|
||||
description: "The entrypoint of the application",
|
||||
},
|
||||
{
|
||||
name: "Password",
|
||||
slug: "password",
|
||||
description: "The page to request a users password",
|
||||
description: "Start the loginflow with loginname",
|
||||
},
|
||||
{
|
||||
name: "Accounts",
|
||||
slug: "accounts",
|
||||
description: "List active and inactive sessions",
|
||||
},
|
||||
{
|
||||
name: "Passkey Registration",
|
||||
slug: "passkey/add",
|
||||
description: "The page to add a users passkey device",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -41,17 +31,12 @@ export const demos: { name: string; items: Item[] }[] = [
|
||||
{
|
||||
name: "Register",
|
||||
slug: "register",
|
||||
description: "Create your ZITADEL account",
|
||||
description: "Add a user with password or passkey",
|
||||
},
|
||||
{
|
||||
name: "IDP Register",
|
||||
slug: "register/idp",
|
||||
description: "Register with an Identity Provider",
|
||||
},
|
||||
{
|
||||
name: "Verify email",
|
||||
slug: "verify",
|
||||
description: "Verify your account with an email code",
|
||||
description: "Add a user from an external identity provider",
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user