آموزش نرم‌افزار به عنوان سرویس (SaaS) ساخت ویدیوی کوتاه با هوش مصنوعی، با استفاده از NextJs و TypeScript - آخرین آپدیت

سرفصل ها و درس ها

Course Introduction and Project Demo

• مقدمه Introduction

• نمایش پروژه Project Demo

• جزوه PDF PDF Booklet

• کد منبع Source Code

راه‌اندازی پروژه Next.js و پیکربندی UI NextJs Project Setup and UI Configuration

• راه‌اندازی Next.js NextJs setup

• یکپارچه‌سازی shadcn/ui shadcn/ui integration

• پیاده‌سازی فونت گوگل Google font implementation

ناوبری و احراز هویت Navigation and Authentication

• راه‌اندازی ناوبری Navigation setup

• پیاده‌سازی لوگو Logo implementation

• تم تیره Dark theme

• احراز هویت Clerk Clerk authentication

• لینک‌های ناوبری Navigation links

راه‌اندازی و پیکربندی هوش مصنوعی AI Setup and Configuration

• راه‌اندازی زمینه ویدئو Video context setup

• یکپارچه‌سازی Google Gen AI Google Gen AI integration

• فراخوانی Gen AI Calling Gen AI

• ثابت‌های تولید ویدئو Video generation constants

• مدیریت وضعیت و کنترل‌کننده‌ها State management and handlers

رابط کاربری ساخت ویدئو Video Creation Interface

• پیاده‌سازی گزینه‌های داستان Story options implementation

• گزینه‌های سبک داستان Story style options

• تصاویر انتخاب سبک Style selection images

• مدیریت ارسال ویدئو Video submission handling

• مودال بارگذاری Loading modal

• مدیریت پاسخ استاتیک Static response handling

راه‌اندازی سرویس‌های ابری Cloud Services Setup

• راه‌اندازی Replicate AI Replicate AI setup

• پیکربندی Cloudinary Cloudinary configuration

• عملیات سمت سرور برای تولید تصویر Server actions for image generation

• پیاده‌سازی تولید تصویر Image generation implementation

• سازماندهی کد و توابع mock Code organization and mock functions

یکپارچه‌سازی تبدیل متن به گفتار Text-to-Speech Integration

• راه‌اندازی تبدیل متن به گفتار گوگل Google text-to-speech setup

• تولید و بارگذاری صوت Audio generation and upload

• تبدیل متن به گفتار Text to speech

• تولید صوت MP3 MP3 audio generation

• یکپارچه‌سازی Assembly AI Assembly AI integration

• تولید زیرنویس Caption generation

قابلیت‌های ساخت ویدئو Video Creation Features

• ایجاد صفحه ویدئوی تقسیم‌شده Split video page creation

• راه‌اندازی ویدئوی Remotion Remotion video setup

• تبدیل تصویر به ویدئو Image-to-video conversion

• یکپارچه‌سازی صوت Audio integration

• نمایش زیرنویس Caption display

• افکت‌های گذار Transition effects

• افکت‌های زوم Zoom effects

• گذار از توابع mock Switch away from mock functions

یکپارچه‌سازی MongoDB MongoDB Integration

• راه‌اندازی MongoDB MongoDB setup

• ایجاد مدل ویدئو Video model creation

• عملیات پایگاه داده Database operations

• مدیریت ویدئوهای کاربر User video management

• پیاده‌سازی داشبورد Dashboard implementation

• ایجاد کارت در داشبورد Create card on dashboard

مدیریت اعتبار Credits Management

• راه‌اندازی صفحه اعتبار Credits page setup

• یکپارچه‌سازی PayPal PayPal integration

• کامپوننت‌های لودر Loader components

• پیاده‌سازی خرید اعتبار Buy credits implementation

• پردازش پرداخت Payment processing

نمایش و استفاده از اعتبار Credits Display and Usage

• مدل اعتبار Credits model

• عملیات پایگاه داده Database actions

• ذخیره اعتبار در پایگاه داده Save credits to database

• واکشی اعتبار کاربر Fetch user credits

• اعتبار در کانتکست Credits in context

• نمایش اعتبار کاربر در ناوبری Display user credits on navigation

• نمایش اعتبار کاربر در صفحه Display user credits on page

• اعتبار هنگام ثبت‌نام کاربر Credits on user signup

• مصرف اعتبار برای تولید ویدئو Spend credit on video generation

• به‌روزرسانی‌های سمت کلاینت Client side updates

ایجاد صفحه فرود Landing Page Creation

• دارایی‌های تصویری – بخش اول Image assets part 1

• دارایی‌های تصویری – بخش دوم Image assets part 2

• کامپوننت‌های صفحه فرود – بخش اول Landing page components part 1

• کامپوننت‌های صفحه فرود – بخش دوم Landing page components part 2

• ایجاد صفحه فرود جذاب Create stunning landing page