Building a Full-Stack App with Next.js 15 and Prisma

Introduction

Next.js 15 combined with Prisma ORM is one of the most productive stacks available today. In this guide, we'll walk through building a complete full-stack application from scratch.

Setting Up the Project

Start by creating a new Next.js project with the App Router enabled.

npx create-next-app@latest my-app --typescript --tailwind --app

Configuring Prisma

Prisma provides a type-safe database client that integrates perfectly with TypeScript. Install it and initialize the schema:

npm install prisma @prisma/client
npx prisma init

Defining Your Schema

The Prisma schema is the single source of truth for your database structure. Here's a simple blog schema:

model Post {
  id        String   @id @default(cuid())
  title     String
  content   String
  published Boolean  @default(false)
  author    User     @relation(fields: [authorId], references: [id])
  authorId  String
  createdAt DateTime @default(now())
}

Server Actions

Next.js 15 Server Actions let you write database mutations directly in your components without building separate API routes. This massively reduces boilerplate:

"use server";

export async function createPost(data: FormData) {
  const title = data.get("title") as string;
  await prisma.post.create({ data: { title, authorId: userId } });
  revalidatePath("/");
}

Conclusion

The Next.js + Prisma stack gives you end-to-end type safety, great developer experience, and the performance characteristics you need for production apps.