Your cart is empty.
Keep shopping
Curso de Next.js y React: Crea tu propia app estilo Duolingo
24 students
Curso de Next.js y React: Crea tu propia app estilo Duolingo
Clon de Duolingo con React y Next.js: voces, progreso, puntos, tienda y suscripciones
Created byCodiFy Academy
Last updated 7/2025
Spanish
Spanish [Auto],
What you'll learn
- Desarrollar un clon funcional de Duolingo utilizando React y Next.js 14, implementando autenticación, pagos y gamificación.
- Integrar tecnologías modernas como Stripe, Clerk, Drizzle ORM y PostgreSQL para manejar pagos, usuarios y bases de datos.
- Diseñar interfaces profesionales con Tailwind CSS y Shadcn UI, creando una experiencia de usuario atractiva y responsiva.
- Configurar y desplegar un SaaS completo en producción, utilizando Vercel y NeonDB, listo para ser usado por clientes reales.
Explore related topics
Course content
7 sections • 29 lectures • 11h 12m total length
Requirements
- Un editor de código como Visual Studio Code.
- Una conexión a internet estable.
- Ganas de aprender y practicar con un proyecto real.
Description
¿Te gustaría aprender Next.js 14 mientras construyes una aplicación real con todas las características de un SaaS moderno?
En este curso desarrollarás, paso a paso, un clon de Duolingo: una plataforma de aprendizaje de idiomas con diseño atractivo, autenticación segura, pagos en línea y un sistema de gamificación que engancha a los usuarios.
A lo largo de las lecciones aprenderás a integrar las tecnologías más demandadas en el desarrollo web actual:
React + Next.js 14: el stack más usado para crear aplicaciones rápidas y escalables.
Tailwind CSS y Shadcn UI: para construir interfaces modernas y profesionales sin perder tiempo en el diseño.
Stripe y Clerk: pagos y autenticación listos para producción.
Drizzle ORM y PostgreSQL (NeonDB): manejo avanzado de bases de datos.
Voces de IA y efectos de sonido: agrega interactividad y una experiencia envolvente.
Características principales del proyecto:
Creación de usuarios, inicio de sesión y gestión de cuentas
Lecciones interactivas con audio y personajes
Sistema de corazones, puntos (XP) y tienda virtual
Tabla de clasificación y misiones para mantener la motivación
Pagos y suscripciones con Stripe para desbloquear funciones premium
Panel de administración para gestionar cursos y estudiantes
Despliegue profesional en Vercel
Al terminar, no solo dominarás el ecosistema de Next.js y React, sino que tendrás las bases para lanzar tus propios proyectos SaaS y monetizarlos.
Who this course is for:
- Un edDesarrolladores y estudiantes de programación que quieran aprender Next.js 14 y React creando un proyecto práctico.itor de código como Visual Studio Code.
- Personas interesadas en construir su propio SaaS educativo o aplicación web interactiva.
- Programadores que deseen integrar pagos con Stripe, autenticación con Clerk y bases de datos con PostgreSQL.
- Emprendedores tecnológicos que busquen entender cómo crear plataformas escalables similares a Duolingo.
- Quienes tengan conocimientos básicos de JavaScript/React y quieran llevarlos al siguiente nivel con un proyecto completo y moderno.