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

# Auth

> Aprenda o que é Auth no Replit — como as contas de usuário permitem que seu app salve preferências, restrinja recursos e personalize a experiência, e como escolher entre Replit Auth e Clerk Auth.

export const YouTubeEmbed = ({videoId, title = "YouTube video", startAt}) => {
  if (!videoId) {
    return null;
  }
  let url = "https://www.youtube.com/embed/" + videoId;
  if (startAt) {
    url = url + "?start=" + startAt;
  }
  return <Frame>
      <iframe src={url} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
    </Frame>;
};

<YouTubeEmbed videoId="cfpC1rzxspo" title="Adicionar Auth ao seu App no Replit" />

Auth — abreviação de **autenticação** — é o que dá ao seu app o conceito de "usuário". Sem auth, cada visitante é anônimo e seu app não consegue distinguir uma pessoa da outra. Com auth, cada visitante faz login, seu app sabe quem é e você pode salvar dados específicos para cada um: suas reservas, seus carros salvos, suas preferências, seu progresso.

Depois que o auth está integrado, você pode:

* Salvar dados por usuário — reservas, configurações, conteúdo, histórico.
* Restringir recursos por trás do login (um checkout, uma página de perfil, um painel de administrador).
* Personalizar a experiência por nome, função, plano ou comportamento anterior.
* Rastrear atividade e uso por indivíduo em vez de por sessão.

## Como o auth funciona em um app do Replit

O Replit oferece duas opções de auth integradas. Ambas são provisionadas pelo Agent — sem cadastro separado em dashboard, sem copiar e colar chaves OAuth.

* **[Replit Auth](/references/auth-and-identity/authentication)** — seus usuários fazem login com suas **contas existentes no Replit**. A página de login tem a marca do Replit. Não há nenhuma configuração além de pedir ao Agent para adicioná-la.
* **[Clerk Auth](/references/auth-and-identity/clerk-auth)** — seu app recebe seu próprio **tenant Clerk** dedicado. Os usuários criam contas dentro do *seu* app, não no Replit. Você controla a marca, os métodos de login e a aparência da tela de login.

Ambas as opções cuidam do trabalho pesado — páginas de login, sessões, gerenciamento seguro de senhas, logins sociais — para que o código do seu app só precise perguntar "quem é o usuário logado?"

## Replit Auth vs. Clerk Auth

|                       | Replit Auth                                                              | Clerk Auth                                                                      |
| --------------------- | ------------------------------------------------------------------------ | ------------------------------------------------------------------------------- |
| **Contas de usuário** | Os usuários fazem login com uma conta do Replit                          | Os usuários criam contas dentro do seu app (sem necessidade de conta no Replit) |
| **Marca**             | Página de login com marca do Replit                                      | Totalmente personalizável — nome, ícone e cores do seu app                      |
| **Credenciais SSO**   | Usa os apps OAuth compartilhados do Replit                               | Traga suas próprias credenciais OAuth por provedor                              |
| **Ambientes**         | Ambiente único                                                           | Ambientes de Desenvolvimento e Produção separados                               |
| **Ideal para**        | Configuração rápida, protótipos, apps onde a marca do Replit é aceitável | Apps com marca própria, produtos profissionais e comerciais                     |

Se você está criando um protótipo ou uma ferramenta interna, o Replit Auth é o caminho mais rápido. Se você está criando algo com identidade de marca própria, especialmente algo voltado para clientes ou comercial, o Clerk Auth é a melhor opção.

## Adicione auth ao seu app

Você não precisa escolher antecipadamente — pode começar com um e migrar depois. O caminho mais rápido é dizer ao Agent qual usar:

* *"Adicione login ao meu app. Use Replit Auth."*
* *"Adicione login ao meu app. Use Clerk Auth."*

## Próximos passos

<CardGroup cols={2}>
  <Card title="Replit Auth" icon="lock" href="/references/auth-and-identity/authentication">
    Login com marca do Replit sem configuração — os usuários fazem login com sua conta do Replit.
  </Card>

  <Card title="Clerk Auth" icon="user-lock" href="/references/auth-and-identity/clerk-auth">
    Seu próprio tenant de auth com marca — login totalmente personalizável, ambientes Dev/Prod separados.
  </Card>

  <Card title="Adicionar login" icon="user-plus" href="/build/add-login">
    Exemplo prático: integre o Clerk Auth em um app real e teste-o com dois clientes.
  </Card>

  <Card title="Migrar do Replit Auth para o Clerk" icon="right-left" href="/references/auth-and-identity/clerk-auth-migration">
    Mova um app existente do Replit Auth para um tenant Clerk.
  </Card>
</CardGroup>