In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo. Users will be able to select language courses and go through structured lessons with beautiful design, characters, audio, and visual effects. You will study Next.js 14, Drizzle ORM, PostgreSQL, Server Actions, Stripe, ShadcnUI, Tailwind, and much more.
Duolingo Clone
About the Author: Antonio Erdeljac (Code With Antonio)
Antonio Erdeljac is a Croatian developer behind the Code With Antonio YouTube channel — one of the more active independent full-stack JavaScript channels online, with a focus on long-form, project-based clones of well-known applications (Netflix clone, Spotify clone, Notion clone, Discord clone, Trello clone). The channel's distinctive contribution is the depth of those clone tutorials — each typically runs 8-15 hours and covers the full back-end-to-front-end implementation of a working app.
The course catalog covers the modern Next.js / React stack: App Router patterns, server components, server actions, Prisma + PostgreSQL, NextAuth / Clerk authentication, Stripe billing, file uploads, real-time features with Pusher, and the deployment workflow with Vercel. Material is paid extended versions of the YouTube content with additional features and context.
The CourseFlix listing under this source carries over 15 Code With Antonio courses spanning that range. Material is aimed at intermediate-and-up React developers building real full-stack applications.
Watch Online 29 lessons
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Intro Demo | 02:24 | |
| 2 | Setup | 09:52 | |
| 3 | Buttons | 17:43 | |
| 4 | Marketing Page | 09:24 | |
| 5 | Authentication | 21:20 | |
| 6 | Footer | 07:06 | |
| 7 | Main Layout | 17:53 | |
| 8 | Sidebar | 12:54 | |
| 9 | Learn Page Wrappers | 22:09 | |
| 10 | Drizzle & Neon | 13:59 | |
| 11 | Courses Page | 18:21 | |
| 12 | User Progress | 28:44 | |
| 13 | Seed Script | 18:11 | |
| 14 | Schema | 24:21 | |
| 15 | Units | 27:38 | |
| 16 | Lesson Button | 33:22 | |
| 17 | Course Progress | 21:37 | |
| 18 | Lesson Header | 20:44 | |
| 19 | Exit Modal | 11:29 | |
| 20 | Challenge Cards | 38:13 | |
| 21 | Challenge Footer | 25:18 | |
| 22 | Challenge Actions | 42:06 | |
| 23 | Challenge Finish Screen | 35:44 | |
| 24 | Challenge Practice | 17:12 | |
| 25 | Shop | 17:39 | |
| 26 | Stripe | 44:34 | |
| 27 | Details | 45:02 | |
| 28 | Admin | 55:39 | |
| 29 | Deployment | 11:54 |
Get instant access to all 28 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 2y agoStripe for SaaS
By: FireshipYou will build a Stock Photography Subscription SaaS Product from scratch where users can sign up for a subscription to access a library of images.1h 11m -
Updated 2y agoUltimate Next.js 13 Course + eBook
By: JavaScript MasteryEnter the new era of React. Here’s a little known fact. 17% of the top 1 million websites use Next.js. And Next 13 usage in those top 1 million is doubling ever51h 35m -
Updated 2y agoNext.js Complex State Management Patterns with RSC
By: Fullstack.ioIn the dynamic world of web development, mastering complex state management is an essential skills. And since version 13, Next.js introduced a new type of compo2h 56m5/5