Build and Deploy an N8N & Zapier Clone | Next.js 15, React, Better Auth, Polar | Full Course 2025
Intermediate
π» Source Code: https://cwa.run/nodebase
π¨ Free Assets: https://cwa.run/node-assets
π₯ Part 2: https://youtu.be/S-4DrLHtL1s?si=n4a7jM4FUWf9NN32
π Resources:
Try Inngest: https://cwa.run/node-inngest
Try Polar: https://cwa.run/node-polar
Try Better Auth: https://cwa.run/node-auth
Try Sentry: https://cwa.run/sentry
Try CodeRabbit: https://cwa.run/node-rabbit
Try Neon: https://cwa.run/node-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 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
β‘ 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 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
Code With Antonio
1 taking