Создаем клон Duolingo. Часть 1. Введение и демонстрация

В этом руководстве вы узнаете, как создать свой собственный SaaS для изучения языка, похожий на Duolingo. Пользователи смогут выбрать языковой курс и пройти уроки с красивым дизайном, персонажами, аудио- и визуальными эффектами. Вы изучите Next.js 14, Drizzle ORM, PostgreSQL, Server Actions, Stripe, ShadcnUI, Tailwind и многое другое. Основные характеристики: 🌐 Next.js 14 и действия сервера 🗣 Голоса ИИ с использованием ИИ Elevenlabs 🎨 Красивая система компонентов с использованием Shadcn UI 🎭 Удивительные персонажи благодаря KenneyNL 🔐 Авторизация с помощью Clerk 🔊 Звуковые эффекты ❤️ Система сердец 🌟 Система очков/опыта 💔 Всплывающее окно «Сердечек не осталось» 🚪 Всплывающее окно подтверждения выхода 🔄 Практикуйте старые уроки, чтобы вернуть сердца 🏆 Таблица лидеров 🗺 Вехи квестов 🛍 Система магазинов для обмена баллов на сердечки 💳 Уровень Pro для неограниченного количества сердец с помощью Stripe 🏠 Целевая страница 📊 Панель администратора React Admin 🌧 ORM с использованием DrizzleORM 💾 PostgresDB с использованием NeonDB 🚀 Развертывание на Верселе 📱 Адаптивность к мобильным устройствам