Next.js 15 i full stack (App Router + Server Actions) · Lektion

Opsætning af Prisma ORM

Konfigurér og integrér Prisma ORM i dit Next.js-projekt for at interagere med forskellige databaser.

Lektion 1 af 412 trin

Opsætning af Prisma ORM er en gratis Next.js 15 i full stack (App Router + Server Actions)-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Next.js 15 i full stack (App Router + Server Actions), og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Next.js 15 i full stack (App Router + Server Actions)-kurset indeholder 4 lektioner i alt.

Hvad er en ORM?

Velkommen! I denne lektion konfigurerer vi Prisma ORM i et Next.js-projekt. Men først: Hvad er en ORM?

ORM står for Object-Relational Mapping.
Det er en teknik, der lader dig interagere med din database ved hjælp af objekter fra dit programmeringssprog i stedet for at skrive rå SQL.
Tænk på det som en oversætter mellem din kode (f.eks. JavaScript-objekter) og din database (f.eks. SQL-tabeller).

Hvorfor vælge Prisma?

Prisma er en moderne ORM, der af gode grunde er populær sammen med Next.js:

Typesikkerhed: Den genererer en typesikker klient, som forhindrer mange fejl under kørsel.
Udvikleroplevelse: Intuitivt API, effektive migreringer og automatisk kodefuldførelse.
Moderne teknologistak: Designet til TypeScript og moderne JavaScript, så det passer perfekt sammen med Next.js.
Databaseunderstøttelse: Fungerer med PostgreSQL, MySQL, SQLite, SQL Server og MongoDB.

Installation af Prisma

Lad os begynde med at føje Prisma til dit Next.js-projekt. Du skal bruge to primære pakker:

prisma: Prisma CLI (kommandolinjegrænsefladen) til udviklingsopgaver.
@prisma/client: Prisma Client-biblioteket til at interagere med din database i kode.

Kør denne kommando i projektets rodmappe:

npm install prisma @prisma/client

Initialisering af Prisma

Efter installationen skal du initialisere Prisma i dit projekt. Denne kommando opretter den grundlæggende Prisma-struktur, herunder filen prisma/schema.prisma.

Den opretter også en .env-fil til lagring af din forbindelsesstreng til databasen.

npx prisma init

Tilslutning af din database

Filen .env, som blev oprettet af prisma init, indeholder variablen DATABASE_URL. Her angiver du, hvordan Prisma skal oprette forbindelse til din database.

Til lokal udvikling bruges SQLite ofte, fordi det er enkelt. I produktion bruger du måske PostgreSQL eller MySQL.

# .env
DATABASE_URL="postgresql://user:password@host:port/database?schema=public"

# Example for SQLite (local file)
# DATABASE_URL="file:./dev.db"

Prisma-skemaet

Filen prisma/schema.prisma er kernen i din Prisma-konfiguration. Den definerer tre vigtige blokke:

datasource: Angiver din databaseudbyder (f.eks. postgresql, sqlite).
generator: Konfigurerer Prisma Client (normalt prisma-client-js).
model: Definerer dine databasetabeller (modeller) og deres felter.

Definition af din første model

Lad os definere en enkel User-model i filen prisma/schema.prisma. Denne model repræsenterer en tabel i din database.

id: Entydig identifikator, der automatisk tælles op.
email: Brugerens e-mailadresse, som skal være entydig.
name: Brugerens navn, som er valgfrit.

// prisma/schema.prisma

model User {
  id    Int     @id @default(autoincrement())
  email String  @unique
  name  String?
}

Generering af Prisma Client

Når du har defineret eller ændret dine modeller i schema.prisma, skal du generere Prisma Client. Denne kommando læser dit skema og opretter klientbiblioteket med typesikkerhed.

Det er denne klient, du importerer og bruger i din Next.js-applikation til at interagere med din database.

npx prisma generate

Anvendelse af migreringer

Du bruger migreringer til at oprette eller opdatere dine databasetabeller ud fra schema.prisma. Kommandoen migrate dev:

Sammenligner dit skema med databasen.
Genererer SQL-migreringsfiler.
Anvender disse migreringer på din database.

Den genererer også automatisk Prisma Client efter migreringen.

npx prisma migrate dev --name init

Brug af Prisma Client

Når Prisma er konfigureret og genereret, kan du bruge PrismaClient i dine serverkomponenter eller API-ruter i Next.js til at udføre databasehandlinger. Her er et grundlæggende eksempel:

import { PrismaClient } from '@prisma/client';

async function main() {
  const prisma = new PrismaClient();
  console.log("Prisma Client successfully initialized!");

  // In a real app, you'd perform database operations:
  // const users = await prisma.user.findMany();
  // console.log(users);

  await prisma.$disconnect();
  console.log("Prisma Client disconnected.");
}

main().catch(console.error);

Hurtigt tjek: Prisma-kommandoer

Du har lært om flere vigtige Prisma CLI-kommandoer. Hvilken kommando bruges til at generere den typesikre Prisma Client, efter du har ændret filen schema.prisma?

Besvar den i den interaktive lektion

Opsummering: Konfiguration af Prisma

Godt gået! Du har lært de vigtigste trin til at integrere Prisma ORM i dit Next.js-projekt:

Installeret Prisma CLI og klienten.
Initialiseret Prisma og konfigureret din database-URL.
Defineret datamodeller i schema.prisma.
Genereret Prisma Client.
Anvendt migreringer for at synkronisere dit skema med databasen.
Forstået, hvordan du opretter en instans af og bruger PrismaClient.

Nu dykker vi ned i CRUD-handlinger med Prisma!

Gratis at komme i gang

Lær TypeScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 22
Lektioner: 88

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Opsætning af Prisma ORM” gratis?

Ja — alle 3 lektioner i læringssporet Next.js 15 i full stack (App Router + Server Actions), inklusive “Opsætning af Prisma ORM”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Next.js 15 i full stack (App Router + Server Actions)-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Opsætning af Prisma ORM”?

Konfigurér og integrér Prisma ORM i dit Next.js-projekt for at interagere med forskellige databaser. Du øver dig i Next.js 15 i full stack (App Router + Server Actions) med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Next.js 15 i full stack (App Router + Server Actions)?

Der kræves ingen tidligere erfaring. Next.js 15 i full stack (App Router + Server Actions) på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.

Hvor lang tid tager lektionen “Opsætning af Prisma ORM”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Next.js 15 i full stack (App Router + Server Actions)-lektion?

Ja. Alle Next.js 15 i full stack (App Router + Server Actions)-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

← Tilbage til Next.js 15 i full stack (App Router + Server Actions)