강의

멘토링

커뮤니티

Programming

/

Full-stack

Building a Real-World AI SaaS Full-Stack: Creating a Video Chat App

We're building an AI-powered video conferencing application with real-time AI agents, meeting summary features, and post-call functionality.

57 learners are taking this course

Level Basic

Course period Unlimited

  • antonio
React
React
Next.js
Next.js
TailwindCSS
TailwindCSS
saas
saas
AI Agent
AI Agent
React
React
Next.js
Next.js
TailwindCSS
TailwindCSS
saas
saas
AI Agent
AI Agent

What you will gain after the course

  • Complete an end-to-end AI service from start to finish

  • # AI × SaaS Service Architecture Design Based on Next.js 15

  • # Implementing Real-Time Conversational AI Agents

  • Building Real-time Voice and Video Processing Pipeline (Including Video Calls)

  • Building an Event-Driven AI Summarization Pipeline

  • Implementing the Complete SaaS Flow Including Authentication, Subscriptions, and Usage-Based Billing (Polar + Better Auth)

  • # Automating Background Tasks with Inngest

  • # Improving Code Quality Through CodeRabbit AI Reviews

Do you want to create an AI service
but feel overwhelmed about where and how to start?

There are many courses on implementing AI features,
but not many courses on "building a proper AI service."


In this lecture

Real-time voice and video processing, automatic summarization and organization, meeting Q&A and other AI features,
along with authentication, subscription, and usage-based billing structures—everything a SaaS service needs
is implemented directly within a single app.


An experience beyond a portfolio,

Experience the process of creating a complete AI service
right now!


Antonio, who has been loved by many for his 25+ project-based courses,
is back with a practical AI service implementation course!


Point 1

The 3 AI featuresthat make up MeetAI

Implement 3 AI features you can apply directly to your service: real-time chat, automatic summarization, and Q&A.

1. Real-time Conversational AI Agent

Streaming Response

When a call starts, implement a Real-time AI agent that immediately joins and responds via streaming


Multimodal Processing

Design a multimodal conversation flow that processes both voice and text inputs and responds with voice

AI Persona Configuration

Generate character-based AI responses that match the situation by defining tone and role through prompts (instructions)



2. AI Auto-Summary Feature

Event-driven AI Pipeline Automation

Meeting end event triggers
script generation → summary → DB storage
all processed in one automated pipeline

Fast result generation with asynchronous processing structure

Reducing delays with
asynchronous tasks separated from user requests,
and backend design for quickly providing summary results




3. AI Q&A Assistant


Implementing a GPT-Style Interface

Stream Chat SDK Implementation of
ChatGPT-Style
Q&A Interface

Meeting-Dedicated Assistant

Meeting Summary·Based on the transcript,
understanding the meeting context and
acting as an AI assistant that answers follow-up questions


Point 2

Learning Subscription-Based SaaS Architecture

You can experience the basic flow of a subscription-based SaaS service,
including login, subscription payment, and usage-based upgrades.


A lighter and more developer-friendly combination than Stripe/Clerk
Open source Polar + Better Auth combination
to design the entire flow from authentication to subscription payments.


Here, we check the free trial limit based on usage
and guide users to upgrade their plan when exceeded,
implementing a typical SaaS billing system together.



Point 3

Code Review in Collaboration with AI

I've added AI code review to the frequently used GitHub Flow in practice.

The course conducts hands-on practice based on GitHub Flow,
and is configured so you can check
what reviews CodeRabbit AI leaves on each PR.


In this process,
you can experience the code review process
of collaborating with AI on code style, potential bugs, and improvement points.

What is CodeRabbit AI?

CodeRabbit AI is an AI-powered code review tool that automatically participates in GitHub Pull Requests, providing real-time suggestions for code style, bugs, and refactoring ideas.


Technology Stack Covered in the Course


[[SPAN_1]]🤖 [[/SPAN_1]][[SPAN_2]]AI 기능[[/SPAN_2]]

• AI-based real-time video calls

• Real-time custom agent

• AI Q&A on meeting content

• OpenAI Integration

🎥 Meetings and Video/Text Processing

• Real-time Video SDK (Stream Video)

• Real-time Chat SDK (Stream Chat)

• Summary, full script, and recording generation

• Video playback feature

• Search and keyword highlighting

• Meeting records and status management


💳Subscription and User Management

• Subscription Payment (Polar Integration)

• Login/Authentication System (Better Auth)

• Mobile support (responsive UI design)

🛠 Key Technologies Used in Implementation

• Next.js 15 + React 19

• Tailwind CSS v4 + Shadcn UI

• Inngest-based background jobs

• CodeRabbit AI Code Review Automation

Please check before enrolling! 📢

This course is also available on the Code with Antonio YouTube channel, but
you absolutely need the paid learning materials to actually complete the clone coding.
(includes full codebase, configuration files, and structured components)

💬 Available exclusively in Inflearn courses!

  • The 13-hour long video has been divided into a systematic curriculum. You can quickly find and learn the parts you want and review them comfortably anytime.

  • Don't worry if English feels unfamiliar!

    Korean dubbing is provided, so you can listen comfortably.

  • Don't just let what you've learned slip away 🙂

    You can have fun reviewing with AI quizzes throughout!

Recommended for
these people

Who is this course right for?

  • Anyone who wants to apply AI features to real services

  • Those who want to experience the AI × SaaS flow based on Next.js 15

  • Those who want to strengthen their portfolio with complete AI projects

  • Anyone who wants to experience an AI Code Review (CodeRabbit) environment

Need to know before starting?

  • Basic knowledge of JavaScript and React

Hello
This is

641

Learners

17

Reviews

4

Answers

4.0

Rating

2

Courses

Hello, I'm Antonio, a software engineer. I have over 7 years of development experience, and I consider myself very fortunate to work in this field as I am fascinated by the world of programming.

Through my experience working with various programming languages and technologies, I have been able to achieve significant growth as a developer. While the knowledge and experience I have built up so far are precious to me, I still have a great passion for learning and growing.

Based on these experiences and my passion, I run the "Code With Antonio" YouTube channel and learning platform to share my love for programming and to learn and grow together. I hope that the tutorials and insights I create will be helpful to many people and make a positive contribution to the programming community.

I hope the tutorials and insights I've created will be helpful to many people and make a positive contribution to the programming community. 📺 YouTube 📚 Learning Platform

Curriculum

All

30 lectures ∙ (13hr 23min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$42.90

antonio's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!