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

# Set up Kobble

> Get started in under 5 minutes

## You will learn how to:

* Create a Kobble project
* Configure your authentication portal
* Create a new Kobble Application

**Estimated time:** 1 cup of tea (just kidding, we know you drink coffee ☕️)

## Let's get started

<Steps>
  <Step title="Sign in to Kobble">
    [Sign up](https://app.kobble.io/register) or [Sign in to your kobble Dashboard](https://app.kobble.io/login).

    <img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/quickstarts/kobble-sign-in.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=952d2a41bbde9066b74b6e22e59c6a60" alt="Sign in" width="2442" height="1618" data-path="images/quickstarts/kobble-sign-in.png" />
  </Step>

  <Step title="Create a new project">
    If you just signed up, you will be prompted to create a new project.

    If you are already logged in, click on your active project name and then click on `Create New Project`.

    <img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/quickstarts/new-project.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=1b49f8279b4fe2d8c5b72284a14a548c" alt="Create a new project" width="2356" height="1246" data-path="images/quickstarts/new-project.png" />
  </Step>

  <Step title="Configure Authentication">
    Click on the `Authentication` tab in the left sidebar.

    Select the provider you want to use for authentication.

    You can choose from Google, Facebook, Twitter, Github, or Email and more.

    Configure and enable the provider you want to use.

    <Note>For more info specific to each provider, check out the [Authentication](/product/authentication/overview) section.</Note>

    <img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/authentication/auth-methods.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=5e7896a6630d6b3fc7ebc8109213082d" alt="Configure Authentication" width="2820" height="1636" data-path="images/authentication/auth-methods.png" />
  </Step>

  <Step title="Create a Kobble Application">
    Open the Applications tab in the left sidebar.

    Click on `Create New Application`.

    Fill in the required fields and click on `Create Application`.

    At this stage you most likely don't know your Redirect URL, so you can leave it empty for now.

    If you know your Redirect URL, you can fill it in now.

    <img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/applications/new-application.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=1245684d37a000c0cd8d7b82c1227214" alt="Create a new application" width="2408" height="1546" data-path="images/applications/new-application.png" />
  </Step>

  <Step title="Integrate in your codebase">
    <CardGroup cols={3}>
      <Card title="Next.js" icon="N" href="/learning/quickstart/next">
        Get started with Kobble in a new Next.js application.
      </Card>

      <Card title="React" icon="react" href="/learning/quickstart/react">
        Get started with Kobble in a new React application.
      </Card>

      <Card title="Vue.js" icon="vuejs" href="/learning/quickstart/vuejs">
        Get started with Kobble in a new Vue.js application.
      </Card>
    </CardGroup>
  </Step>
</Steps>