PricingLoginStart free
Next.js 15 for fullstack-webapper · leksjon

Introduksjon til Prisma ORM

Forstå hva Prisma er, fordelene med verktøyet og hvordan De setter det opp i et Next.js-prosjekt.

Leksjon 1 av 411 trinn

Introduksjon til Prisma ORM er en gratis leksjon i Next.js 15 for fullstack-webapper på CoddyKit. Dette er leksjon 1 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Next.js 15 for fullstack-webapper, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Next.js 15 for fullstack-webapper inneholder totalt 4 leksjoner.

Hva er en ORM? Møt Prisma!

Velkommen til arbeid med databaser i Next.js! Du vil ofte høre om en ORM, eller Object-Relational Mapping. En ORM hjelper deg med å samhandle med databasen ved hjelp av programmeringsspråket du foretrekker (for eksempel JavaScript/TypeScript), i stedet for å skrive SQL direkte.

Prisma er en moderne ORM med åpen kildekode som gjør arbeid med databaser intuitivt og typesikkert. Det er et fantastisk verktøy for Next.js-applikasjoner.

Hvorfor velge Prisma for Next.js?

Prisma har flere viktige fordeler for Next.js-prosjektene dine:

  • Typesikkerhet: Genererer en typesikker klient basert på databaseskjemaet ditt og oppdager feil under kompilering.
  • Utvikleropplevelse: Gir svært god autofullføring og lesbarhet for databasespørringer.
  • Migreringer: Hjelper deg med å håndtere endringer i databaseskjemaet over tid på en kontrollert måte.
  • Moderne verktøy: Integreres sømløst med moderne arbeidsflyter for JavaScript/TypeScript og serverløse miljøer.

Prismas kjernekomponenter

Prisma er ikke bare ett verktøy, men en samling verktøy som fungerer sammen:

  • Prisma Client: En automatisk generert, typesikker spørringsbygger for databasen. Det er denne du bruker i koden.
  • Prisma Migrate: Et migreringssystem som lar deg videreutvikle databaseskjemaet og holde det synkronisert med Prisma-skjemaet.
  • Prisma Studio: Et visuelt GUI for å vise og redigere data i databasen.

Forutsetninger for oppsett

Før vi går gjennom hvordan du setter opp Prisma i Next.js-prosjektet ditt, må du sørge for at du har følgende:

  • Et eksisterende Next.js-prosjekt (vi antar at du har ett klart).
  • Node.js og npm/yarn installert på maskinen din.
  • En database. For lokal utvikling er SQLite enkelt å komme i gang med, eller du kan bruke PostgreSQL, MySQL, SQL Server eller MongoDB.

Installere Prisma-pakker

Først må du installere Prisma CLI og Prisma Client-biblioteket som utviklingsavhengigheter i Next.js-prosjektet ditt. Åpne terminalen i rotmappen til prosjektet og kjør:

npm install prisma @prisma/client

Initialisere Prisma i prosjektet

Etter installasjonen initialiserer du Prisma i prosjektet. Denne kommandoen oppretter de nødvendige filene for at Prisma skal fungere. Kjør den i terminalen:

npx prisma init

Hva `prisma init` gjør

Kommandoen npx prisma init utfører to viktige handlinger:

  • Den oppretter en ny mappe med navnet prisma i prosjektroten. Mappen inneholder en fil som heter schema.prisma, og denne filen definerer databaseskjemaet ditt.
  • Den oppretter en .env-fil i prosjektroten. Denne filen brukes til å lagre miljøvariabler, og aller viktigst URL-en for databasetilkoblingen.

Utforske strukturen til `schema.prisma`

Filen prisma/schema.prisma står sentralt i Prisma. Det er her du definerer databasemodellene og tilkoblingsdetaljene dine. Slik ser den ut i utgangspunktet:

datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

generator client {
  provider = "prisma-client-js"
}

Konfigurere databasens URL

I .env-filen som ble opprettet tidligere, angir du tilkoblingsstrengen til databasen. For lokal utvikling kan du bruke SQLite, som er filbasert. Oppdater .env-filen slik at den peker på databasen din:

# .env
DATABASE_URL="file:./dev.db"

Rask kontroll: Prisma-oppsett

Du har lært om formålet med Prisma og de første trinnene i oppsettet. La oss teste forståelsen din!

Besvar den i den interaktive leksjonen

Oppsummering: Kom i gang med Prisma

I denne leksjonen introduserte vi Prisma ORM og så på rollen det spiller ved å koble applikasjonskoden din til databasen. Vi gikk gjennom de viktigste fordelene, som typesikkerhet og en bedre utvikleropplevelse, og utforsket kjernekomponentene: Prisma Client, Migrate og Studio.

Du lærte også de første stegene for å integrere Prisma i et Next.js-prosjekt, blant annet hvordan du installerer de nødvendige pakkene og bruker npx prisma init til å konfigurere filene schema.prisma og .env. Nå er du klar til å definere databaseskjemaet ditt!

Gratis å komme i gang

Lær deg TypeScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
12
Leksjoner
48
Start læringen gratisSe hele kurset

Ofte stilte spørsmål

Er leksjonen «Introduksjon til Prisma ORM» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien Next.js 15 for fullstack-webapper, inkludert «Introduksjon til Prisma ORM», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i Next.js 15 for fullstack-webapper inneholder totalt 4 leksjoner.

Hva lærer jeg i «Introduksjon til Prisma ORM»?

Forstå hva Prisma er, fordelene med verktøyet og hvordan De setter det opp i et Next.js-prosjekt. Du øver på Next.js 15 for fullstack-webapper med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Next.js 15 for fullstack-webapper?

Ingen tidligere erfaring er nødvendig. Next.js 15 for fullstack-webapper på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 4.

Hvor lang tid tar leksjonen «Introduksjon til Prisma ORM»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Next.js 15 for fullstack-webapper-leksjonen?

Ja. Alle Next.js 15 for fullstack-webapper-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. Introduksjon til Prisma ORM
  2. Utforming av Prisma-skjemaer og migreringer
  3. CRUD-operasjoner med Prisma Client
  4. Relasjoner og avanserte spørringer med Prisma
← Tilbake til Next.js 15 for fullstack-webapper