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
Duolingo Clone is a 29-lesson 11 hours 12 minutes self-paced course by Antonio Erdeljac (Code With Antonio). In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo.
Course facts
- Lessons
- 29
- Duration
- 11 hours 12 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Antonio Erdeljac (Code With Antonio)
- Price
- Premium
Who teaches Duolingo Clone? 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.
What lessons are included in Duolingo Clone?
| # | 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 subscriptionWhat courses are similar to Duolingo Clone?
-
FreeUpdated 2y agoBuild A Slack Clone
By: Antonio Erdeljac (Code With Antonio)In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others.15h 13m -
Updated 2y agoNextJS & OpenAI - 2024 Edition
By: UdemyEmbark on a journey to mastering modern web development with our comprehensive video course on building applications using Next JS 14 and the OpenAI API. This c13h 41m -
Updated 2y agoBuilding an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)
By: WebDevCodyAre you looking to take your web development skills to the next level? Do you want to learn how to build a fully functional icon generator that integrates with5h 53m -
NewNext Level NextJS for Beginners
By: Pedro Henrique MachadoMaster Next.js from scratch with examples and projects. Learn how to work with the App Router and API routes to create efficient applications.20h 13m5/5 -
Updated 2y agoMastering Next.js - 50+ Lesson Video Course on React and Next
By: Mastering NuxtThe premiere video course for building static and server-side rendered applications with Next.js and React. Sign up now and get two videos instantly!5h 9m -
Updated 6mo agoFull Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)
By: Michael GuayFind out how to set up authentication with Clerk in 20 minutes in a Next.js and NestJS application. A simple and secure integration for your project.18m -
ClassicThe Road to Next
By: Robin WieruchAs a full-stack developer, you have numerous opportunities. Whether it's launching a successful startup, building a career in a corporate company, or.30h 40m5/5
More courses by Antonio Erdeljac (Code With Antonio)
-
Updated 2y agoBuild a Jira clone
In this 16-hour course, consisting of two parts (by the way, this is my longest course!).16h 26m -
FreeUpdated 2y agoNext Auth V5 - Продвинутое руководство
In this 8-hour course, you will learn how to create your own authentication toolkit using the latest version of Next Auth v5 (Auth.js).8h 1m -
FreeUpdated 2y agoBuild A Slack Clone
In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others.15h 13m -
Updated 2y agoCode With Antonio Workshops
These workshops show you how to build real apps with modern tools. You follow clear steps in each task. You learn by doing and test ideas as you go.17h 3m -
Updated 2y agoBuild A Finance Platform
In this 11-hour course, you will learn how to create your own SaaS financial platform with the ability to track income and expenses, categorize transactions.13h 43m5/5 -
ClassicBuild A Canva Clone
In this 18-hour course, we will create a graphic design platform with a variety of features.17h 48m5/5