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