Jump to content

Attention: This page is 18 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.

Komme i gang

Du har nettopp opprettet en ny T3-app, og du er klar til Ä sette i gang. Her er det minste du mÄ gjÞre for Ä fÄ applikasjonen din til Ä kjÞre.

Database

Hvis applikasjonen din bruker Prisma, mÄ du kjÞre npx prisma db push fra rotmappen av applikasjonen. Denne kommandoen synkroniserer Prisma-skjemaet til databasen og genererer TypeScript-typene for Prisma-klienten basert pÄ skjemaet ditt. Merk at du mÄ starte TypeScript-serveren pÄ nytt etter denne handlingen for at de genererte typene skal gjenkjennes.

Autentisering

Hvis applikasjonen din bruker NextAuth.js, starter vi med DiscordProvider. Dette er en av de enkleste leverandĂžrene som NextAuth.js tilbyr, men det krever fortsatt litt oppsett fra din side.

Hvis du foretrekker en annen autentiseringsleverandĂžr, kan du ogsĂ„ bruke en av de mange leverandĂžrene↗ som NextAuth.js tilbyr.

  1. Du trenger en Discord-konto. Meld deg pÄ hvis du ikke har en ennÄ.
  2. Naviger til https://discord.com/developers/applications↗ og klikk “New Application” Ăžverst til hĂžyre. Gi applikasjonen din et navn og godta vilkĂ„rene for bruk.
  3. NĂ„r applikasjonen din er opprettet, naviger til “Settings → OAuth2 → General”.
  4. Kopier “Client ID” og lim den inn i .env som DISCORD_CLIENT_ID.
  5. Klikk “Reset Secret”, kopier den nye hemmeligheten og lim inn verdien i .env som DISCORD_CLIENT_SECRET.
  6. Klikk “Add Redirect” og skriv inn http://localhost:3000/api/auth/callback/discord.
    • For utrulling i produksjonsmiljĂž mĂ„ de foregĂ„ende trinnene fĂžlges pĂ„ nytt for Ă„ lage en annen Discord-applikasjon. Denne gangen erstatt http://localhost:3000 med URL-en du publiserer til.
  7. Lagre endringene.
  8. Skriv NEXTAUTH_SECRET i .env. Hvilken som helst streng vil fungere under utviklingen. For bruk i produksjonsmiljÞ, ta en titt pÄ notatet i .env for Ä lage en sikker hemmelighetvariabel.

Du skal nÄ kunne logge pÄ.

Neste Steg

  • Hvis applikasjonen din bruker tRPC, ta en titt pĂ„ src/pages/index.tsx og src/server/trpc/router/example.ts for Ă„ se hvordan tRPC-spĂžrringer fungerer.
  • Ta en titt pĂ„ dokumentasjonen for create-t3-app samt dokumentasjonen for pakkene applikasjonen din inkluderer.
  • Bli med i Discord↗ og gi oss en stjerne pĂ„ GitHub↗! :)

Recent Contributors To This Page