CourseFlix

Duolingo Clone

11h 12m 32s
English
Paid

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.

About the Author: Antonio Erdeljac (Code With Antonio)

Antonio Erdeljac (Code With Antonio) thumbnail

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 29 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Intro
All Course Lessons (29)
#Lesson TitleDurationAccess
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
Unlock unlimited learning

Get instant access to all 28 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

29 lessons · 11h 12m 32s
Show all 29 lessons
  1. 1 Intro 02:24
  2. 2 Setup 09:52
  3. 3 Buttons 17:43
  4. 4 Marketing Page 09:24
  5. 5 Authentication 21:20
  6. 6 Footer 07:06
  7. 7 Main Layout 17:53
  8. 8 Sidebar 12:54
  9. 9 Learn Page Wrappers 22:09
  10. 10 Drizzle & Neon 13:59
  11. 11 Courses Page 18:21
  12. 12 User Progress 28:44
  13. 13 Seed Script 18:11
  14. 14 Schema 24:21
  15. 15 Units 27:38
  16. 16 Lesson Button 33:22
  17. 17 Course Progress 21:37
  18. 18 Lesson Header 20:44
  19. 19 Exit Modal 11:29
  20. 20 Challenge Cards 38:13
  21. 21 Challenge Footer 25:18
  22. 22 Challenge Actions 42:06
  23. 23 Challenge Finish Screen 35:44
  24. 24 Challenge Practice 17:12
  25. 25 Shop 17:39
  26. 26 Stripe 44:34
  27. 27 Details 45:02
  28. 28 Admin 55:39
  29. 29 Deployment 11:54

Related courses

  • Next.js & React with ChatGPT - Development Guide (2023) thumbnail

    Next.js & React with ChatGPT - Development Guide (2023)

    By: Udemy
    Throughout the course, you will gain experience developing a Next JS application from the ground up. Additionally, you'll receive instruction on integrating Ope
    7 hours 6 minutes 49 seconds
  • The Complete Next.js Testing Course thumbnail

    The Complete Next.js Testing Course

    By: JavaScript Mastery, Adrian Hajdin
    Master production-level testing in Next.js with this comprehensive course, bridging the gap to a senior developer level with ease.
    8 hours 12 minutes 48 seconds 5 / 5
  • Next.js Complex State Management Patterns with RSC thumbnail

    Next.js Complex State Management Patterns with RSC

    By: Fullstack.io
    In 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 compo
    2 hours 56 minutes 24 seconds 5 / 5

Frequently asked questions

What is Duolingo Clone about?
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…
Who teaches Duolingo Clone?
Duolingo Clone is taught by Antonio Erdeljac (Code With Antonio). You can find more courses by this instructor on the corresponding source page.
How long is Duolingo Clone?
Duolingo Clone contains 29 lessons with a total runtime of 11 hours 12 minutes. All lessons are available to watch online at your own pace.
Is Duolingo Clone free to watch?
Duolingo Clone is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Duolingo Clone online?
Duolingo Clone is available to watch online on CourseFlix at https://courseflix.net/course/duolingo-clone. The page hosts every lesson with the integrated video player; no download is required.