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?
-
Updated 2y agoNext.js 14 Real-Time Chat App using Socket IO
By: UdemyDiscover the potential of real-time communication applications by building a chat app from scratch using Next.js 14 and Socket.IO.12h 22m -
Updated 2y agoComplete Next.js with React & Node - Beautiful Portfolio App
By: UdemyMaster Next.js (Next 9), React (React 16+) & Node. Learn how to build Isomorphic Website, incl. SEO, Blog, Deployment59h 43m -
Updated 2y agoUltimate Next.js Course 2024 Edition
By: Dev EdMaster the art of building dynamic and efficient web applications using React and Next.js with our comprehensive course.29h 39m5/5 -
Updated 11mo agoFull-Stack Project with Claude Code
By: Mckay WrigleyYou build a small FigJam‑style app step by step in this workshop. You use Claude Code, Opus 4, Cursor IDE, and the McKay App Template.1h 12m5/5 -
Updated 2y agoReact, NextJS and NestJS: A Rapid Guide - Advanced
By: UdemyReact with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS an8h 40m0/5 -
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 5mo agoBuild an AI Chatbot with Vercel AI SDK & Gateway
By: Michael GuayEmbark on an interactive journey to build an AI chatbot from the ground up in this comprehensive three-hour workshop.2h 21m -
Updated 2y agoTesting Next.js Apps with Jest, Testing Library and Cypress
By: UdemyLearn to test a real-world serverless React app with routes, authentication, database and more! Learn how to test your Next.js app from top to bottom! Tests pro7h 35m
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 - Advanced Guide
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