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
11h 12m 32s
English
Paid
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
- Language
- English
- 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?
0:00
/ #1: Intro
All Course Lessons (29)
| # | 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 |
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 subscriptionWhat courses are similar to Duolingo Clone?
UpdatedNext.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
By: UdemyBuild a full portfolio app with Next.js, Apollo, and GraphQL, using MongoDB Atlas and a Node.js server for data and state management.28h 38m
Updated 2y agoNext40. Master Next.js 14 in 40 days of epic projects
By: Reed Barger, Next40Become a Next.js pro in the best way - by building tons of amazing apps, from admin dashboards, personal websites, full-stack apps and more.4h 52m
Updated 2y agoNext.js 14 & React - The Complete Guide
By: Udemy, Academind Pro (Maximilian Schwarzmüller)I created the bestselling Udemy course on React, now I'm super excited to share this course on NextJS with you - an in-depth course about an amazing React frame36h 13m5/5
UpdatedBuild A Finance Platform
By: Antonio Erdeljac (Code With Antonio)Build a full SaaS finance platform over 11 hours: import transactions via CSV, connect a bank with Plaid, and monetize with Lemon Squeezy.13h 43m5/5
ClassicComplete Next.js Developer in 2023: Zero to Mastery
By: Zero To MasteryLearn Next JS from industry experts using modern best practices. The only Next JS tutorial + projects course you need to learn Next JS, build enterprise-level R27h 12m5/5
UpdatedNext.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
By: UdemyBuild a serverless blog with Next.js and Sanity CMS across 81 lessons: content modeling, filtering, dark mode, and Vercel deployment.13h 5m
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
FreeUpdatedNext Auth V5 - Advanced Guide
Free 8-hour course: build a complete Next Auth v5 (Auth.js) toolkit with 2FA, password recovery, email verification, and Google/GitHub OAuth.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
Build A Finance Platform
Build a full SaaS finance platform over 11 hours: import transactions via CSV, connect a bank with Plaid, and monetize with Lemon Squeezy.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
Frequently asked questions
What are the prerequisites for this course?
Participants should have a basic understanding of web development, including familiarity with JavaScript and React. Knowledge of Next.js and experience with database management will be beneficial but not mandatory, as the course covers these areas in detail.
What will I build during this course?
You will develop a language learning SaaS application similar to Duolingo. The application will include features like language course selection, structured lessons, user authentication, and a payment system using Stripe. It will also have a marketing page, user progress tracking, and an admin panel.
Who is the target audience for this course?
This course is designed for web developers interested in building SaaS applications, particularly those who want to learn how to integrate various technologies like Next.js 14, PostgreSQL, and Stripe. It is also suitable for those looking to enhance their skills in creating interactive, user-friendly web applications.
What specific tools and platforms will be used in this course?
The course will utilize Next.js 14 for the front-end framework, Drizzle ORM for database operations with PostgreSQL, and Stripe for payment processing. Tailwind will be used for styling, while Server Actions and ShadcnUI will help with server-side operations and UI components, respectively.
What is not covered in this course?
The course does not cover advanced language processing techniques or AI implementations for language learning. It focuses on building the infrastructure and basic features of a language learning platform without delving into backend machine learning models or extensive linguistic content creation.
How much time should I expect to commit to this course?
The total runtime of the course is 11 hours. However, additional time should be allocated for hands-on practice and project development. Depending on your familiarity with the topics, you might spend extra hours debugging and refining the application.
How can the skills learned in this course be applied to other projects or careers?
The skills acquired from this course, such as using Next.js, managing databases with Drizzle ORM and PostgreSQL, and integrating payment systems with Stripe, are applicable to a wide range of web development projects. These skills are valuable in both freelance and corporate settings, opening opportunities in SaaS development and full-stack web development roles.