Introductie tot Prisma ORM
Krijg inzicht in wat Prisma is, welke voordelen het biedt en hoe u het in een Next.js-project instelt.
Introductie tot Prisma ORM is een gratis Fullstackwebapps met Next.js 15-les op CoddyKit. Dit is les 1 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Fullstackwebapps met Next.js 15. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Fullstackwebapps met Next.js 15 bevat in totaal 4 lessen.
Wat is een ORM? Maak kennis met Prisma!
Welkom bij het werken met databases in Next.js! Je hoort vaak over een ORM, oftewel Object-Relational Mapping. Met een ORM communiceer je met je database via de programmeertaal van je voorkeur (zoals JavaScript/TypeScript), in plaats van onbewerkte SQL te schrijven.
Prisma is een moderne, opensource-ORM die het werken met databases intuïtief en typeveilig maakt. Het is een uitstekend hulpmiddel voor Next.js-toepassingen.
Waarom Prisma voor Next.js kiezen?
Prisma biedt verschillende belangrijke voordelen voor je Next.js-projecten:
- Typeveiligheid: Genereert een typeveilige client op basis van je databaseschema, zodat fouten al tijdens het compileren worden gevonden.
- Ontwikkelaarservaring: Biedt uitstekende automatische aanvulling en leesbaarheid voor databasequery's.
- Migraties: Helpt om wijzigingen in je databaseschema in de loop van de tijd gecontroleerd te beheren.
- Moderne hulpmiddelen: Integreert soepel met moderne JavaScript/TypeScript-werkstromen en serverloze omgevingen.
De belangrijkste onderdelen van Prisma
Prisma is niet één hulpmiddel, maar een reeks hulpmiddelen die samenwerken:
- Prisma Client: Een automatisch gegenereerde, typeveilige querybouwer voor je database. Dit gebruik je in je code.
- Prisma Migrate: Een migratiesysteem waarmee je je databaseschema kunt uitbreiden en gesynchroniseerd kunt houden met je Prisma-schema.
- Prisma Studio: Een visuele GUI om gegevens in je database te bekijken en te bewerken.
Vereisten voor de installatie
Voordat we Prisma in je Next.js-project gaan instellen, moet je over het volgende beschikken:
- Een bestaand Next.js-project (we gaan ervan uit dat je er al een klaar hebt staan).
- Node.js en npm/yarn geïnstalleerd op je computer.
- Een database. Voor lokale ontwikkeling is SQLite eenvoudig om mee te beginnen, maar je kunt ook PostgreSQL, MySQL, SQL Server of MongoDB gebruiken.
Prisma-pakketten installeren
Eerst moet je de Prisma CLI en de Prisma Client-bibliotheek als ontwikkelingsafhankelijkheden in je Next.js-project installeren. Open je terminal in de hoofdmap van je project en voer het volgende uit:
npm install prisma @prisma/clientPrisma initialiseren in je project
Na de installatie initialiseer je Prisma in je project. Deze opdracht stelt de benodigde bestanden in zodat Prisma kan werken. Voer de opdracht uit in je terminal:
npx prisma initWat `prisma init` doet
De opdracht npx prisma init voert twee belangrijke acties uit:
- Er wordt een nieuwe map met de naam
prismagemaakt in de hoofdmap van je project. Deze map bevat een bestand met de naamschema.prisma. In dit bestand wordt je databaseschema gedefinieerd. - Er wordt een bestand
.envgemaakt in de hoofdmap van je project. Dit bestand wordt gebruikt om omgevingsvariabelen op te slaan, vooral de URL voor je databaseverbinding.
De structuur van `schema.prisma` verkennen
Het bestand prisma/schema.prisma vormt het middelpunt van Prisma. Hier definieer je je databasemodellen en verbindingsgegevens. Aanvankelijk ziet het er als volgt uit:
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
}
generator client {
provider = "prisma-client-js"
}De URL van je database configureren
In het eerder gemaakte bestand .env geef je de verbindingsreeks voor je database op. Voor lokale ontwikkeling kun je SQLite gebruiken, dat op bestanden is gebaseerd. Werk je .env-bestand bij zodat het naar je database verwijst:
# .env
DATABASE_URL="file:./dev.db"Korte controle: Prisma instellen
Je hebt geleerd waarvoor Prisma dient en welke stappen nodig zijn voor de eerste installatie. Laten we je begrip testen!
Samenvatting: aan de slag met Prisma
In deze les hebben we Prisma ORM geïntroduceerd en geleerd welke rol het speelt bij het verbinden van je applicatiecode met je database. We hebben de belangrijkste voordelen behandeld, zoals typeveiligheid en een betere ontwikkelervaring, en de kernonderdelen verkend: Prisma Client, Migrate en Studio.
Je hebt ook geleerd hoe je Prisma eerst integreert in een Next.js-project, waaronder het installeren van de benodigde pakketten en het gebruik van npx prisma init om je schema.prisma- en .env-bestanden in te stellen. Je bent nu klaar om je databaseschema te definiëren!
Leer TypeScript met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 12
- Lessen
- 48
Veelgestelde vragen
Is de les “Introductie tot Prisma ORM” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad Fullstackwebapps met Next.js 15, waaronder “Introductie tot Prisma ORM”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Fullstackwebapps met Next.js 15 bevat in totaal 4 lessen.
Wat leer ik in “Introductie tot Prisma ORM”?
Krijg inzicht in wat Prisma is, welke voordelen het biedt en hoe u het in een Next.js-project instelt. Je oefent met Fullstackwebapps met Next.js 15 door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Fullstackwebapps met Next.js 15 te beginnen?
Ervaring vooraf is niet nodig. Fullstackwebapps met Next.js 15 op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.
Hoe lang duurt de les “Introductie tot Prisma ORM”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Fullstackwebapps met Next.js 15?
Ja. Elke les over Fullstackwebapps met Next.js 15 bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Introductie tot Prisma ORM
- Prisma-schemadesign en migraties
- CRUD-bewerkingen met Prisma Client
- Relaties en geavanceerde queries met Prisma