> ## 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.

# Getting started with Hanko Cloud

> This guide walks you through setting up your Hanko Cloud project and obtaining your API key to integrate Hanko into your app.

When using Hanko for your app's authentication, the easiest way is to do that is by utilizing Hanko Cloud infrastructure where we host the Hanko backend for you. You can set up and manage your Hanko projects via the Hanko Cloud Console.

Here's a quick video guide to get started with Hanko Cloud:

<Frame>
  <iframe className="w-full aspect-video" src="https://www.youtube.com/embed/dSeYqEhqZc0?si=anD8PLuU7khVRfDw" title="Setup Hanko Cloud" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />
</Frame>

<br />

## Setting up your Hanko Cloud project:

<Steps>
  <Step title="Sign up to Hanko Cloud">
    To begin, head over to Hanko Cloud and [create a new account](https://cloud.hanko.io/signup). If you already have an account, just [log in](https://cloud.hanko.io/login).

    <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="Set up your organization">
    Once you've signed up, you'll be directed to create an organization. You can change the organization's name later, so don't worry too much about it at this point.

    <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="Create a new project">
    With your organization set, it's time to kick off a new Hanko Cloud project. Choose 'Authentication and user management' and click on 'Continue'. Of course you can also select 'Passkey API' if that's what you want, but be aware that the remainder of this guide is specific for setting up Hanko projects.

    <Frame>
      <img src="https://mintcdn.com/hanko/nDll7gWf2olRVk-k/images/get-started/create-proj.png?fit=max&auto=format&n=nDll7gWf2olRVk-k&q=85&s=0440949f12b182d13a5ee47952e2abe7" style={{ borderRadius: '0.5rem' }} width="2100" height="1062" data-path="images/get-started/create-proj.png" />
    </Frame>

    Enter your project name and your app's full URL. For the app URL, include `http://` or `https://` and, if running locally, the port number (e.g., `http://localhost:3000`). You can change both values later.

    <Frame>
      <img src="https://mintcdn.com/hanko/nDll7gWf2olRVk-k/images/get-started/create-new-project-modal.png?fit=max&auto=format&n=nDll7gWf2olRVk-k&q=85&s=c0178a4d30824f290f738e08a0033f2f" style={{ borderRadius: '0.5rem' }} width="1242" height="1316" data-path="images/get-started/create-new-project-modal.png" />
    </Frame>
  </Step>

  <Step title="Copy the API URL">
    Upon entering your new project's dashboard, notice the API URL shown up top. You'll need this later for the integration.

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

  <Step title="Dive into integration guides">
    You're all set! Visit the [quickstarts](/quickstarts/fullstack/next) section to kick off your integration journey with your favorite frameworks.
  </Step>
</Steps>
