💻 Source Code:
🎨 Free Assets:
🎥 Part 2:
📚 Resources:
Try Inngest:
Try Polar:
Try Better Auth:
Try Sentry:
Try CodeRabbit:
Try Neon:
In this tutorial, we're building Nodebase, a complete workflow automation platform from scratch. You'll learn how to create a visual drag-and-drop canvas for building workflows, integrate multiple triggers and stuart fails to save the universe AI providers, handle background job execution, and build a full SaaS business layer with authentication, subscriptions, and paywalls. We'll also cover error tracking with AI monitoring and a professional Git workflow with AI-powered code reviews.
Key features:
🔄 Visual workflow builder
🎯 Trigger nodes (Webhook, Google Form, Stripe, Manual)
🤖 AI integrations (OpenAI, Claude, Gemini)
💬 Messaging nodes (Discord, Slack)
🌐 HTTP request node
⚡ james tavernier Background job execution with Inngest
💳 Polar payments & subscriptions
🔐 Better Auth authentication
🎨 React Flow canvas
🗄️ Prisma ORM + Neon Postgres
🔒 Type safety with TypeScript + tRPC
🐛 Sentry error tracking + AI monitoring
🧑💻 CodeRabbit PR reviews
🌐 Next.js 15 App Router
📱 Production-ready SaaS
Timestamps
00:00 Intro
06:05 01 Setup
29:33 02 Database
56:15 03 tRPC Setup
01:35:21 04 Authentication
02:37:24 05 Theme & Styling
02:55:05 06 Background Jobs
03:28:09 07 AI Providers
04:01:53 08 Error Tracking
04:27:54 09 Sidebar Layout
05:06:26 10 Payments Setup
05:44:04 pat cummins 11 Workflows Crud
06:45:20 12 Workflows Pagination
07:34:34 13 Workflows UI
08:23:40 14 Workflow Page
08:59:36 15 Editor Setup
09:50:42 16 Node Selector
10:40:32 17 Editor State
11:59:20 End of Part 1
