Jump to content

Premiers pas

Vous venez de créer une nouvelle application T3 et vous êtes prêt à démarrer. Voici le strict minimum pour que votre application puisse fonctionner.

Base de données

Si votre application inclut Prisma, assurez vous de lancer la commande npx prisma db push depuis la racine de votre application Cette commande va synchroniser votre schéma Prisma avec votre base de données et va générer les types TypeScript sur lequel se base le client Prisma. Notez que vous devez redémarrer le serveur TypeScript afin qu’il puisse détecter les nouveaux types générés.

Authentification

Si votre application inclut NextAuth.js, nous vous aidons à démarrer avec le DiscordProvider. C’est l’un des fournisseurs les plus simples proposés par NextAuth.js, mais il nécessite encore un peu de configuration initiale de votre part.

Bien sûr, si vous préférez utiliser un autre fournisseur d’authentification, vous pouvez également utiliser l’un des nombreux fournisseurs↗ proposés par NextAuth.js.

  1. Vous aurez besoin d’un compte Discord, créez-en un si vous ne l’avez pas déjà fait.
  2. Accédez à https://discord.com/developers/applications↗ et cliquez sur “New Application” dans le coin supérieur droit. Nommez votre application et acceptez les conditions d’utilisation.
  3. Une fois votre application créée, accédez à “Settings → OAuth2 → General”.
  4. Copiez le “Client ID” et ajoutez-le à votre .env en tant que AUTH_DISCORD_ID.
  5. Cliquez sur “Reset Secret”, copiez le nouveau secret et ajoutez-le à votre .env en tant que DISCORD CLIENT_SECRET.
  6. Cliquez sur “Add Redirect” et saisissez http://localhost:3000/api/auth/callback/discord.
    • Pour le dĂ©ploiement en production, suivez les Ă©tapes prĂ©cĂ©dentes pour crĂ©er une autre application Discord, mais cette fois remplacez http://localhost:3000 par l’URL vers laquelle vous dĂ©ployez.
  7. Sauvegarder les modifications.

Vous devriez maintenant pouvoir vous connecter.

Prochaines Ă©tapes

  • Si votre application inclut tRPC, consultez src/pages/index.tsx et src/server/api/routers/post.ts pour voir comment fonctionnent les requĂŞtes tRPC.
  • Consultez la documentation Create T3 App, ainsi que la documentation des packages inclus dans votre application.
  • Rejoignez notre Discord↗ et donnez-nous une Ă©toile sur GitHub↗ ! :)