Build an AI SaaS Event App with Next.js | Typescript | AI Agents, Workflows, Clerk & Convex скачать в хорошем качестве

Build an AI SaaS Event App with Next.js | Typescript | AI Agents, Workflows, Clerk & Convex

Github Source Code: 👇 https://github.com/walaa-horani/aieve... 00:00 Intro 00:01:02 install Next.js & shadcn 00:02:05 next.js layoutRoot Building 00:06:46 setup Convex 00:10:58 clerk and user Auth 00:26:30 connect clerk with convex 00:40:39 create tables in convex 00:46:38 API Convex to fetch the data 01:04:45 dynamic routes in next.js 01:11:27 get event id 01:13:50 get event by category 01:18:00 create event form 01:22:02 create subscription plan using clerk 01:28:06 limiting events according to user's plan 01:33:42 AI Event with AgentKit This project demonstrates how to build a production-ready AI-powered SaaS application using Next.js, where an AI agent generates events dynamically through structured workflows instead of static or manual data. The AI logic is implemented using an AI Agent Builder, connected directly to the application via its official SDK, allowing the system to autonomously create and manage AI-driven events. Authentication is handled with Clerk, while Convex is used as the real-time backend for storing and syncing application data. This is not a conceptual demo — it’s a real-world SaaS architecture that combines modern frontend development with AI workflows that actually run in production. What you’ll learn: How to integrate AI agents and workflows into a Next.js SaaS app How to connect an AI Agent Builder using an SDK How AI workflows generate real application data Authentication setup using Clerk Real-time backend architecture with Convex Structuring a scalable AI-driven SaaS application Tech stack: Next.js (App Router) AI Agent Builder + Workflows Clerk Authentication Convex Backend TypeScript #nextjs #typescript #react #saas #app #pricing #event #concert #convex #clerk #user #fullstack #backend #frontend