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
- Language
- English
- Added to CourseFlix
- August 2024
- 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 |
One payment unlocks this course and every other premium course. No auto-renew.
See plansWhat courses are similar to Duolingo Clone?
Updated 2y agoBuilding a Full-stack Multilingual Blog with Next.js 13.4
By: UdemyAre you looking to build a modern, full-stack blog with the latest technologies? Look no further than this comprehensive Udemy course, which will guide you thro9h 15m
Updated 6mo agoNext 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 4mo agoBuild a full stack Next.js app with Claude Code
By: Gregory JohnLearn how to create a full-stack application using Next.js and the AI tool Claude Code. The entire development cycle from idea to production, including UX.5h 1m5/5
Updated 3y agoMastering Next.js 13 with TypeScript
By: Mosh Hamedani (Code with Mosh)Clear. Concise. Comprehensive. Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's pe5h 16m5/5
Updated 1mo agoNext.js Projects: Build an Issue Tracker
By: Mosh Hamedani (Code with Mosh)Build a full-stack issue tracker with Next.js 13+, TypeScript, Prisma, and Tailwind across 87 lessons covering auth, APIs, and deployment.7h 1m
Updated 2y agoFULL Authentication WITH REACT JS NEXT JS TYPESCRIPT
By: UdemyThis is simply the best course on the internet if you want to build and deploy the best authentication system that you can take and use in all of your projects6h 52m
Updated 1y agosupastarter - SaaS starter kit for Next.js & Nuxt
By: SupastarterSupastarter is a powerful starter kit for creating scalable and production-ready SaaS applications based on Next.js.5/5
Updated 3y agoFull Stack Development
By: NeetCodeThis course will take you on a journey to become a full-stack developer. You will learn how to build and deploy a modern web application from the ground up.4h 24m
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 1mo agoNext 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 1mo agoBuild 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