Video course · 15 chapters · 699 min · certificate
Build a SaaS AI Agent Platform with Next.js, React & Secure Auth
Build Meet AI, a SaaS video-call platform with AI agents: Next.js setup, Neon and Drizzle, Better Auth with socials, dashboard sidebar and navbar, tRPC, agents CRUD with forms, tables and filters, meetings, Stream video calls, connecting OpenAI agents, Inngest background jobs and completed meeting states.
What you'll learn
- Set up Next.js with Neon and Drizzle
- Implement auth with Better Auth and social logins
- Build dashboard layout and tRPC APIs
- Create agents and meetings with forms, tables and filters
- Add video calls with Stream
- Connect AI agents and background jobs
Chapters
15 chapters · 699:25-
70:19
01Setup Members
Setup, database and auth
Demo, project setup, Neon + Drizzle and Better Auth.
-
46:47
02Auth Members
Auth UI
Sign-in and sign-up screens.
-
33:33
03Auth Members
Social auth
GitHub and Google login.
-
43:25
04UI Members
Dashboard sidebar
Layout module and sidebar.
-
44:38
05API Members
Navbar and tRPC
Dashboard navbar and tRPC setup.
-
52:42
06Agents Members
Agents setup and responsive dialog
Schema, procedures and dialogs.
-
45:49
07Agents Members
Agents form
Creating agents.
-
29:18
08Agents Members
Agents data table
Showing agents in a table.
-
43:49
09Agents Members
Agents filters
Search and filters.
-
63:58
10CRUD Members
Agent page, update/delete and meetings setup
Individual pages and meetings.
-
32:44
11Meetings Members
Meetings form
Creating meetings.
-
46:41
12Meetings Members
Meetings table and filters
Listing and filtering meetings.
-
33:46
13Meetings Members
Meeting page and variants
The meeting page and status variants.
-
49:21
14Video Members
Video calls with Stream
Integrating Stream for calls.
-
62:35
15AI Members
Connecting agents and background jobs
OpenAI agents in calls, Inngest jobs and completion.