Jump to content

Mappestruktur

Velg pakkene dine for √• se mappestrukturen til en app med disse valgene. Lenger ned finner du en beskrivelse av hver oppf√łring.

  

prisma

prisma-mappen inneholder schema.prisma-filen som brukes til å konfigurere databasetilkoblingen og databaseskjemaet. Det er også stedet for å lagre migreringsfiler og/eller seedscript, dersom de brukes. Se Bruk av Prisma for mer informasjon.

public

public-mappen inneholder statiske ressurser som betjenes av webserveren. favicon.ico-filen er et eksempel på en statisk ressurs.

src/env

Brukes for validering av milj√łvariabler og typedefinisjoner - se Milj√łvariabler.

src/pages

pages-mappen inneholder alle sidene til Next.js-applikasjonen. index.tsx-filen i rotkatalogen til /pages er hjemmesiden til applikasjonen. Filen _app.tsx brukes til å pakke applikasjonen sammen med providers. Se Next.js-dokumentasjon↗ for mer informasjon.

src/pages/api

Mappen api inneholder alle API-rutene til Next.js-applikasjonen. Filen examples.ts inneholder et eksempel på en rute som bruker Next.js API-rute↗-funksjonaliteten sammen med Prisma. restricted.ts-filen inneholder et eksempel på en rute som bruker Next.js API-rute↗-funksjonaliteten, og er beskyttet av NextAuth.js↗.

src/pages/api/auth/[...nextauth].ts

[...nextauth].ts-filen h√•ndterer autentiseringslug ruter for NextAuth.js. Den brukes til √• h√•ndtere autentiseringsforesp√łrsler. Se Bruk av NextAuth.js for mer informasjon om NextAuth.js, og Next.js Dynamic Routes Docs‚Üó for informasjon p√• catch-all/slug-ruter.

src/pages/api/trpc/[trpc].ts

[trpc].ts-filen er inngangspunktet for tRPC-APIet. Den brukes til √• h√•ndtere tRPC-foresp√łrsler. Se Bruk av tRPC for mer informasjon om denne filen, og Next.js Dynamic Routes Docs‚Üó for informasjon om catch-all/slug-ruter.

src/server

server-mappen brukes til å tydelig skille serverside-kode fra klientside-kode.

src/server/auth.ts

Hovedinngangspunktet for autentiseringslogikk p√• serversiden. Her setter vi opp NextAuth.js konfigurasjonsalternativer, utf√łrer modulforst√łrrelse samt gir utvikleropplevelsesverkt√ły for autentisering som for eksempel √• hente brukerens √łkt p√• serversiden. Se Bruk av NextAuth.js for mer informasjon.

src/server/db.ts

db.ts filen brukes til å instansiere Prisma-klienten i globalt omfang. Se Bruk av Prisma og beste fremgangsmåter for bruk av Prisma med Next.js↗ for mer informasjon.

src/server/api

api-mappen inneholder tRPC serverside-koden.

src/server/api/routers

routers-mappen inneholder alle dine tRPC-underrutere.

src/server/api/routers/example.ts

example.ts-filen er et eksempel på en tRPC-ruter som bruker publicProcedure-hjelperen for å demonstrere hvordan du oppretter en offentlig tRPC-rute.

Basert på dine valgte pakker inneholder denne ruteren flere eller færre ruter for best mulig å demonstrere bruken til dine behov.

src/server/api/trpc.ts

trpc.ts-filen er hovedkonfigurasjonsfilen for din tRPC-backend. Her inne vi:

  1. Definerer kontekst brukt i tRPC-foresp√łrsler. Se Bruk av tRPC for mer informasjon.
  2. Eksporter prosedyre hjelpere. Se Bruk av tRPC for mer informasjon.

src/server/api/root.ts

root.ts-filen brukes til å slå sammen tRPC-rutere og eksportere dem som en enkelt ruter, så vel som ruterens typedefinisjon. Se Bruk av tRPC for mer informasjon.

src/styles

stiler-mappen inneholder det globale stilsettet til applikasjonen.

src/utils

utils-mappen brukes til √• lagre ofte gjenbrukte verkt√łyfunksjoner.

src/utils/api.ts

api.ts-filen er frontendinngangspunktet til tRPC. Se Bruk av tRPC for mer informasjon.

.env

.env-filen brukes til √• lagre milj√łvariabler. Se Milj√łvariabler for mer informasjon. Denne filen skal ikke commites til git-historikk.

.env.example

.env.example-filen viser noen eksempler p√• milj√łvariabler basert p√• valgte bibliotek. Denne filen skal commites til git-historikk.

.eslintrc.json

.eslintrc.json-filen brukes til å konfigurere ESLint. Se ESLint Docs↗ for mer informasjon.

next-env.d.ts

next-env.d.ts-filen sikrer at Next.js-typer blir plukket opp av TypeScript-kompilatoren. Du b√łr ikke fjerne den eller redigere den, da den kan endres n√•r som helst. Se Next.js Docs‚Üó for mer informasjon.

next.config.mjs

next.config.mjs-filen brukes til å konfigurere Next.js. Se Next.js Docs↗ for mer informasjon. Merk: .mjs-utvidelsen brukes for å tillate ESM-import.

postcss.config.cjs

postcss.config.cjs-filen er for bruk av Tailwind PostCSS. Se Tailwind PostCSS Docs‚Üó for mer informasjon.

prettier.config.cjs

prettier.config.cjs-filen brukes til å konfigurere Prettier slik at prettier-plugin-tailwindcss inkluderes for formatering av Tailwind CSS-klasser. Se Tailwind CSS-blogginnlegget↗ for mer informasjon.

tsconfig.json

Filen tsconfig.json brukes til √• konfigurere TypeScript. Noen ikke-standardinnstillinger, som for eksempel strict mode, har blitt aktivert for √• sikre best mulig bruk av TypeScript i create-t3-app og tilh√łrende biblioteker. Se TypeScript Docs‚Üó eller TypeScript Usage for mer informasjon.


Recent Contributors To This Page