Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Next.js 15 y React 19 | Clon de Linktree Fullstack completo
Rating: 4.7 out of 5(27 ratings)
251 students

Next.js 15 y React 19 | Clon de Linktree Fullstack completo

Desarrolla un clon de Linktree desde cero con Next.js, React, Tailwind CSS, ShadCN, Prisma y ClerkJS y backend.
Created byRafa Tárrega
Last updated 1/2025
Spanish
Spanish [Auto],

What you'll learn

  • Crear una aplicación fullstack moderna con NextJS 15 y React 19 desde cero.
  • Entender la lógica de programación que hay detrás de proyectos reales
  • Implementar autenticación segura y gestión de usuarios con ClerkJS.
  • Diseñar interfaces atractivas y funcionales utilizando Tailwind CSS y ShadCN.
  • Subir y gestionar imágenes eficientemente con Uploadthing.
  • Realizar solicitudes al backend y manejar datos con Axios.
  • Configurar y optimizar bases de datos relacionales con Prisma.
  • Desplegar proyectos web en Vercel de forma gratuita y profesional.
  • Desarrollar habilidades para crear aplicaciones web modernas y funcionales.
  • Desarrollar habilidades para crear aplicaciones web modernas y funcionales.
  • Configurar un entorno de desarrollo completo y profesional.
  • Optimizar la experiencia del usuario mediante el diseño de interfaces atractivas.
  • Manejar bases de datos relacionales de forma eficiente con Prisma.
  • Implementar autenticación segura y personalizada para usuarios.

Course content

13 sections70 lectures8h 44m total length
  • Introducción1:11

Requirements

  • Conocimientos básicos de programación web: No es necesario ser un experto, pero tener una comprensión general de HTML, CSS y JavaScript es útil.
  • Ganas de aprender: Este curso está diseñado para guiarte paso a paso, por lo que no necesitas experiencia previa.
  • Interés en crear aplicaciones web modernas y fullstack

Description

En este curso aprenderás a desarrollar un clon de Linktree desde cero utilizando herramientas modernas y poderosas del ecosistema JavaScript. Diseñado tanto para principiantes con conocimientos básicos como para desarrolladores que quieran profundizar en tecnologías avanzadas, este curso te guiará paso a paso a lo largo de todo el proceso de desarrollo fullstack.


¿Qué aprenderás?

  1. Frontend Moderno con Next.js 15 y React 19

    • Creación de interfaces dinámicas y responsivas.

    • Uso de Tailwind CSS combinado con ShadCN para estilizar tu aplicación con componentes modernos y reutilizables.

    • Manejo de eventos y renderizado dinámico con React.

  2. Gestión de Usuarios y Autenticación con ClerkJS

    • Implementación de un sistema completo de registro, inicio de sesión y autenticación segura.

    • Personalización del perfil de usuario y almacenamiento seguro de datos.

  3. Backend y Base de Datos con Prisma

    • Diseño de esquemas de base de datos relacionales con Neon Tech.

    • Uso de Prisma para manejar modelos, migraciones y consultas eficientes.

    • Conexión entre frontend y backend para gestionar datos de usuarios y enlaces.

  4. Subida de Imágenes con Uploadthing

    • Implementación de un sistema para que los usuarios suban sus propias imágenes.

    • Configuración de almacenamiento de archivos de forma eficiente y segura.

  5. Peticiones y Comunicación con el Servidor utilizando Axios

    • Configuración y manejo de solicitudes HTTP para interactuar con el backend.

    • Validación de datos y gestión de errores en tiempo real.

  6. Interactividad y Animaciones

    • Uso de React Confetti para añadir elementos interactivos y animaciones atractivas en la aplicación.

    • Mejora de la experiencia de usuario con microinteracciones cuidadas.

  7. Publicación del Proyecto en Vercel

    • Despliegue completo del proyecto en Vercel, de forma gratuita y accesible para todo el mundo.

    • Configuración de dominio y optimización para producción.


¿Qué hace especial a este curso?

  • Aprenderás tecnologías actualizadas como Next.js 15 y React 19.

  • Integraremos herramientas clave que se usan en proyectos reales, como ClerkJS para autentificación, Uploadthing para manejo de imágenes y Tailwind CSS para diseño moderno.

  • Crearás una aplicación 100% funcional y lista para ser utilizada o modificada según tus necesidades.

  • Cada módulo incluye explicaciones detalladas, prácticas guiadas y resolución de problemas.


¿Para quién es este curso?

  • Desarrolladores frontend que quieran dar el salto al desarrollo fullstack.

  • Programadores interesados en crear aplicaciones completas con tecnologías modernas.

  • Cualquier persona que quiera aprender a desplegar y publicar proyectos reales en la web.


Al finalizar este curso:

Tendrás un clon completamente funcional de Linktree que podrás personalizar y compartir con el mundo, además de haber adquirido habilidades prácticas que te prepararán para afrontar proyectos reales en el mundo del desarrollo web

Who this course is for:

  • Para cualquier persona que quiera empezar en el mundo del desarrollo web
  • Programador de todo tipo que quiera aprender Full Stack