> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hanko.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Setting up a Passkey API project on Hanko Cloud

> This guide will walk you through the initial set up process of a Passkey API project on Hanko Cloud.

<Steps>
  <Step title="Sign up">
    To begin, head over to [Hanko](https://cloud.hanko.io/) and sign up.

    <Frame>
      <img width="500" src="https://mintcdn.com/hanko/nDll7gWf2olRVk-k/images/get-started/create-acc.png?fit=max&auto=format&n=nDll7gWf2olRVk-k&q=85&s=33c899f2083b41ee93f269b3784e02ef" data-path="images/get-started/create-acc.png" />
    </Frame>
  </Step>

  <Step title="Create an organization">
    Once you've signed up, you'll be directed to create an organization.

    <Frame>
      <img width="500" src="https://mintcdn.com/hanko/nDll7gWf2olRVk-k/images/get-started/create-org.png?fit=max&auto=format&n=nDll7gWf2olRVk-k&q=85&s=473085c5599117c01b416d1836122619" data-path="images/get-started/create-org.png" />
    </Frame>
  </Step>

  <Step title="Initiate a new Passkey API project">
    With your organization set, it's time to kick off a new Passkey project. Choose 'Passkey Infrastructure' and click 'Create Project'.

    <Frame>
      <img src="https://mintcdn.com/hanko/djMPan_QCdoQzxwW/images/passkey-api/get-started/create-project.png?fit=max&auto=format&n=djMPan_QCdoQzxwW&q=85&s=c757eba52ba9cd66785d0eb427cdbbfb" style={{ borderRadius: '0.5rem' }} width="2070" height="1058" data-path="images/passkey-api/get-started/create-project.png" />
    </Frame>

    Input your project name and provide your app's URL. For the app URL, make sure to enter the full URL including `http://` or `https://` and the port in case it's localhost, e.g. `http://localhost:3000`.

    <Frame>
      <img width="500" src="https://mintcdn.com/hanko/djMPan_QCdoQzxwW/images/passkey-api/get-started/create-proj-modal.png?fit=max&auto=format&n=djMPan_QCdoQzxwW&q=85&s=d150f2c4ff1e979ff14146c03ac7c5fd" style={{ borderRadius: '0.5rem' }} data-path="images/passkey-api/get-started/create-proj-modal.png" />
    </Frame>
  </Step>

  <Step title="Get tenant ID and API key">
    Upon entering the dashboard, copy the Tenant ID and create an API key. You'll need these for future integrations.

    <Frame>
      <img src="https://mintcdn.com/hanko/djMPan_QCdoQzxwW/images/passkey-api/get-started/tenant-api-key.png?fit=max&auto=format&n=djMPan_QCdoQzxwW&q=85&s=4598bc083617df598c5894183c951c00" style={{ borderRadius: '0.5rem' }} width="1692" height="1104" data-path="images/passkey-api/get-started/tenant-api-key.png" />
    </Frame>
  </Step>

  <Step title="Dive into integrations">
    You're all set! Visit the next sections to kick off your integration journey.

    <CardGroup cols={2}>
      <Card title="Next.js with NextAuth" href="/passkey-api/next-auth" />

      <Card title="JS/TS SDK" href="/passkey-api/js-sdk" />

      <Card title="Node.js example wihtout using SDK" href="/passkey-api/example-implementation" />

      <Card title="Example Payment Transaction" href="/passkey-api/example-transaction" />
    </CardGroup>
  </Step>
</Steps>