Merge pull request #52 from zitadel/deploy

Deploy to vercel
This commit is contained in:
Max Peintner
2024-01-29 20:39:36 +01:00
committed by GitHub
3 changed files with 21 additions and 18 deletions

View File

@@ -108,3 +108,12 @@ pnpm dev
``` ```
Open the login application with your favorite browser at `localhost:3000`. 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.
[![Deploy with Vercel](https://vercel.com/button)](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)

View File

@@ -36,6 +36,15 @@ export default function Page() {
); );
})} })}
</div> </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> </div>
); );
} }

View File

@@ -16,23 +16,13 @@ export const demos: { name: string; items: Item[] }[] = [
{ {
name: "Loginname", name: "Loginname",
slug: "loginname", slug: "loginname",
description: "The entrypoint of the application", description: "Start the loginflow with loginname",
},
{
name: "Password",
slug: "password",
description: "The page to request a users password",
}, },
{ {
name: "Accounts", name: "Accounts",
slug: "accounts", slug: "accounts",
description: "List active and inactive sessions", 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", name: "Register",
slug: "register", slug: "register",
description: "Create your ZITADEL account", description: "Add a user with password or passkey",
}, },
{ {
name: "IDP Register", name: "IDP Register",
slug: "register/idp", slug: "register/idp",
description: "Register with an Identity Provider", description: "Add a user from an external identity provider",
},
{
name: "Verify email",
slug: "verify",
description: "Verify your account with an email code",
}, },
], ],
}, },