Getting Started with Next.js and Prisma
summary
Workshop shows how to wire Prisma into a Next.js app to build a working CRUD storefront: it initializes Prisma, uses getServerSideProps and API routes to fetch and mutate data, runs migrations with Prisma migrate to create a local SQLite dev.db, seeds product JSON (noting seed/js issues with Next), inspects and edit records with Prisma Studio, and consumes the generated types via Prisma Client. Expect pragmatic, runnable steps, migration files, and a global Prisma pattern to avoid hot-reload connection storms.
AI-written summary · about
chapters (29)
- 0:00Start
- 4:46Intro
- 10:57Prisma Extension
- 12:27Npm Install
- 19:16Prisma Cli
- 20:08Install Prisma
- 30:24Prism Extension Does Not Load
- 31:01Restarting vs Code
- 32:07Prisma Migrate
- 33:33Prisma Studio
- 34:10Error with the Migration
- 34:25Schema Parsing
- 38:35User Model
- 40:07Are There Model Name Length Constraints for Many to Many Relationships
- 40:35Can I Migrate a Database Already Running on Heroku
- 43:56Enums
- 50:35Create a Record
- 52:02Seed Your Database
- 56:00Getting a Global Prisma Instance
- 57:38What Needs To Go into a Product
- 59:46Create a Global Instance of Prism
- 1:08:46Types That Come from Prisma
- 1:26:11Git Checkout
- 1:28:52Performance
- 1:32:33Product Page
- 1:35:03Query to Prism
- 1:46:43Pages Api
- 1:51:45Call from the Client Side
- 1:56:25How To Handle Errors and Get Server-Side Props
related talks
16mHow Next.js and Prisma make frontend developers full-stack
28mNext.js and Prisma: Databases in Serverless Made Easy
18mPrisma io Data Magic in Next Server Components
46mBoost your API Development with GraphQL & Prisma
29mModernize and Robust Applications with Prisma & Azure SQL Server
31mUnderstanding GraphQL, databases and Prisma
01h 12mWorkshop: GraphQL on Client and Server — From Idea to Prototype (Part 1)
17mDatabase as Code with PlanetScale and Prisma