Attention: This page is 208 days older than the English version and might be outdated. If you're a native speaker of this language and would like to contribute to the project, please consider updating this page to match the latest English version.
You can also view the English version of this page.
Primeiros passos
Você acabou de criar um novo aplicativo T3 e está pronto para começar. Aqui está o mínimo para que seu aplicativo funcione.
Banco de dados
Se o seu aplicativo incluir o Prisma, certifique-se de executar npx prisma db push
no diretório raiz do seu aplicativo. Este comando sincronizará o schema do Prisma com seu banco de dados e gerará as tipagens do TypeScript para o Prisma Client com base em seu schema. Observe que você precisa reiniciar o servidor TypeScript depois de fazer isso para que ele possa detectar os novos tipos gerados.
Autenticação
Se seu aplicativo incluir NextAuth.js, vamos começar com o DiscordProvider
. Este é um dos provedores mais simples que o NextAuth.js oferece, mas ainda requer um pouco de configuração inicial de sua parte.
Claro, se você preferir usar um provedor de autenticação diferente, também pode usar um dos muitos provedores↗ que o NextAuth.js oferece.
- Você precisará de uma conta no Discord, então crie uma se ainda não tiver.
- Navegue até https://discord.com/developers/applications↗ e clique em “Novo aplicativo” no canto superior direito. Dê um nome ao seu aplicativo e concorde com os Termos de Serviço.
- Depois de criar seu aplicativo, navegue até “Configurações → OAuth2 → Geral”.
- Copie o “ID do cliente” e adicione-o ao seu
.env
comoDISCORD_CLIENT_ID
. - Clique em “Redefinir Segredo”, copie o novo segredo e adicione-o ao seu
.env
comoDISCORD_CLIENT_SECRET
. - Clique em “Adicionar redirecionamento” e digite
http://localhost:3000/api/auth/callback/discord
.- Para implantação de produção, siga as etapas anteriores para criar outro aplicativo Discord, mas desta vez substitua
http://localhost:3000
pela URL na qual você está implantando.
- Para implantação de produção, siga as etapas anteriores para criar outro aplicativo Discord, mas desta vez substitua
- Salve as alterações.
- Defina
NEXTAUTH_SECRET
em.env
. Em desenvolvimento, qualquer string funcionará, para produção, veja a nota em.env
sobre como gerar um segredo seguro.
Agora você deve conseguir fazer login.
Próximos passos
- Se sua aplicação incluir tRPC, confira
src/pages/index.tsx
esrc/server/trpc/router/example.ts
para ver como funcionam as consultas tRPC. - Dê uma olhada na documentação
create-t3-app
, bem como nos documentos dos pacotes que sua aplicação inclui. - Junte-se ao nosso Discord↗ e dê-nos uma estrela no GitHub↗! :)