Build a B2B SaaS with Makerkit Next.js Prisma
A hands-on course to build a complete B2B SaaS application. You'll build TeamPulse, a team feedback tool, while learning the Makerkit patterns.
A hands-on, project-based course where you build a real B2B SaaS application from scratch.
What you'll build: TeamPulse - a team feedback and feature request tool
By the end: A feature-complete B2B SaaS with authentication, organizations, billing, and more.
Total time: ~10-12 hours across 13 modules
What You'll Learn
SaaS Development Skills
- Build database schemas with Prisma ORM
- Create Server Actions with next-safe-action
- Implement forms with react-hook-form + Zod
- Structure Next.js App Router applications
Authentication & Security
- Configure Better Auth (OAuth, MFA, magic links)
- Handle email verification & password reset
- Protect routes and API endpoints
Multi-Tenancy
- Implement organization-based data isolation
- Configure role-based access control (Owner/Admin/Member)
Payments
- Integrate Stripe subscriptions & checkout
- Gate features by subscription plan
Email & Admin
- Customize React Email templates
- Build admin dashboards with metrics
Production Deployment
- Configure environment variables
- Deploy with security best practices
- Set up monitoring and error tracking
Monorepo Skills
- Navigate Turborepo package structure
- Understand package dependencies
- Use development commands efficiently
Course Structure
| Module | Title | Time | What You'll Learn/Build |
|---|---|---|---|
| 0 | Architecture & Technologies | 45-60 min | Stack deep-dive (Next.js, Better Auth, Prisma), monorepo navigation |
| 1 | Setup & Configuration | 30 min | Running app configured for B2B mode |
| 2 | Branding | 1 hr | Customize your app's branding |
| 3 | Data Model & First Feature | 2-3 hrs | Database schemas, server actions, feedback boards with CRUD |
| 4 | Feedback Items | 2-3 hrs | Feedback submission, voting, status workflow, filtering |
| 5 | Public Boards | 1 hr | Public routes, anonymous submission, rate limiting, SEO |
| 6 | Authentication | 1 hr | Google OAuth setup, auth hooks, post-auth flow |
| 7 | Organizations & Teams | 1 hr | Multi-tenancy, invitations, TeamPulse-specific permissions |
| 8 | Billing & Subscriptions | 1-2 hrs | Plan limits, gating boards/feedback, usage dashboard |
| 9 | Email & Notifications | 45 min | React Email templates, feedback notifications |
| 10 | Settings & Profile | 30 min | Account settings, profile management |
| 11 | Admin Dashboard | 45 min | User management, metrics, impersonation, banning |
| 12 | Production Readiness | 1 hr | Environment config, security checklist, deployment |
The Project: TeamPulse
Throughout this course, you'll build TeamPulse - a team feedback tool where:
- Teams create feedback boards for their products
- Members submit feedback (bugs, features, ideas)
- Voting surfaces the most important items
- Status workflow tracks progress (New → Planned → In Progress → Done → Closed)
- Public boards allow anonymous submission from external users
- Roles control who can create boards, change status, and delete feedback
- Billing gates boards per plan (Free: 1 board, Starter: 3, Pro: 10, Enterprise: unlimited) and feedback limits per board
This project exercises every major Makerkit feature in a realistic context - so that you will be able to apply the knowledge you gain from this course to your own projects.
How This Course Works
Hands-On First
Every module produces working functionality. You won't just read about features - you'll build them.
Progressive Building
Each module builds on the previous. By the end, you have a complete, cohesive application.
Prerequisites
Before starting Module 1, ensure you have:
- Node.js 20.10.0+
- pnpm package manager
- Docker for local services
- Git for version control
- Basic familiarity with React, TypeScript, and Next.js
For a more detailed list of prerequisites, please refer to the Prerequisites Documentation.
Course vs Documentation
This course teaches you how to build features. For API references and deep dives, you will want to refer to the Documentation.
- Database operations and schemas
- Server actions patterns
- Billing customization
- Authentication configuration
External Resources
- Next.js: https://nextjs.org
- React: https://react.dev
- TypeScript: https://www.typescriptlang.org
- Tailwind CSS: https://tailwindcss.com
- Shadcn UI: https://ui.shadcn.com
- Stripe: https://stripe.com
- Better Auth: https://better-auth.com
- Prisma ORM: https://www.prisma.io
After the Course
After completing all modules, you'll have:
- A working TeamPulse application with all major SaaS features
- Deep understanding of Makerkit patterns and conventions
- Production deployment checklist ready to execute
- Foundation to build your own SaaS product
Ready?
Start with Module 0: Architecture & Technologies to understand the stack, then proceed to Module 1: Setup & Configuration.