Next.js 15 y React 19 Clon de Linktree Fullstack

Sobre el curso

Este curso enseña a construir, paso a paso, un clon fullstack de Linktree (servicio popular para crear páginas con enlaces personalizados) como proyecto práctico para consolidar conocimientos de Next.js 15 y React 19. El proyecto cubre todas las capas habituales de una aplicación web moderna: autenticación, persistencia, formularios dinámicos, perfil público y panel privado.

El programa cubre el setup inicial del proyecto, el modelado de la base de datos (usuarios, perfiles, enlaces, themes), la integración de autenticación con Auth.js o equivalentes, los CRUD de enlaces con orden por arrastrar y soltar, los formularios con validación, las páginas públicas con SEO adecuado, los temas configurables y el despliegue en Vercel con base de datos PostgreSQL serverless.

Está dirigido a desarrolladores que aprenden mejor con proyectos completos en lugar de tutoriales aislados, profesionales que quieren un proyecto vertical para portfolio y equipos que necesitan un blueprint actualizado de aplicación SaaS pequeña sobre Next.js 15 y React 19.

Conocimientos adquiridos

El curso me ha permitido desarrollar las siguientes capacidades:

Estructurar un proyecto Next.js 15 fullstack desde cero
Modelar dominio (usuarios, perfiles, enlaces) con Prisma
Conectar PostgreSQL serverless (Neon, Supabase) en producción
Implementar autenticación con Auth.js u otra alternativa moderna
Manejar credenciales y proveedores OAuth (Google, GitHub)
Aplicar middleware para rutas privadas
Construir CRUD completo de enlaces por usuario
Implementar reordenación con drag and drop
Validar formularios con Zod en servidor y cliente
Aplicar Server Actions para mutaciones sin API
Diseñar perfil público con slug y SEO adecuado
Implementar Open Graph y meta tags por usuario
Configurar themes y personalización visual del perfil
Subir imágenes de avatar y portada con Cloudinary o similar
Gestionar errores y estados de carga por segmento
Aplicar TailwindCSS para estilizar de forma consistente
Integrar componentes accesibles (Shadcn/UI)
Optimizar rendimiento con caché y revalidación
Implementar protección CSRF con Server Actions
Sanear entradas y prevenir XSS al renderizar URLs
Probar flujos críticos manualmente y con tests
Desplegar continuamente en Vercel
Configurar dominio personalizado y certificados
Mantener el proyecto evolucionando con nuevas features

Este conocimiento permite consolidar Next.js 15 y React 19 sobre un proyecto completo y portable que muestra capacidad fullstack, sirve de portfolio realista ante posibles clientes o empleadores y se reutiliza como punto de partida para SaaS pequeños con requerimientos similares (links, perfiles, formularios) sin reinventar arquitectura cada vez.