Clon de Linktree

React JS

Next JS

TypeScript

Tailwind CSS

PostgreSQL

Prisma

Uploadthing

Visual Studio

¿Preparado para empezar a programar?

Mira tu progreso, cambia la calidad de los videos, la velocidad y mucho más.

Desbloquea siendo PRO

Hazte PRO aquí

Contenido

68 clases

0. Intro del curso

1. Añadiendo Shadcn

2. Instalación de NextJS

3. Estructura de páginas y componentes en Next 15

4. Layouts en Next 15

5. Organización de componentes

6. Organización global de archivos

7. Limpiando directorios para empezar

8. Layout y Toast

9. Autenticación con Clerkjs

10. Clerk middleware y login

11. Estilos en el Layout Auth

12. Sidebar Shadcn

13. Admin page

14. Componente del Profile

15. Configurando Base de Datos

16. Modelo de Prisma definitivo

17. Comprobando Base de datos

18. Endpoint del primer login

19. Filtrando si es primera visita

20. Provider

21. Dialog del link

22. Handler steps

23. Componente del paso 1

24. Paso 2 y Uploadthing

25. Paso 2 al hacer click

26. Componente paso 3

27. Vista del paso 4

28. Uploadthing con imagen del perfil

29. Función al pinchar la imagen del perfil

30. Resumen del perfil

31. Endpoint update user

32. Confetti al crear perfil

33. Explicación del provider

34. Parte del front de profile image

35. Contexto del usuario de nuestra APP

36. Selector profile image

37. Funcionalidad del tab selector

38. Front para actualizar imagen del perfil

39. Funcionalidad para modificar la imagen de perfil

40. Tab para eliminar

41. Formulario nombre y username

42. Formulario para modificar fondo

43. Funcionalidad para actualizar fondo

44. Vista profile preview

45. Botones del header

46. Botón para copiar usuario

47. Datos dentro de la preview del teléfono

48. Apartado de Links

49. Bloques del listado de Links

50. Botón de editar link

51. Endpoint de editar link

52. Endpoint para eliminar link

53. Primera parte del form de Añadir Link

54. Fomulario para añadir redes sociales

55. Endpoint para crear social network

56. ¿Te habías dado cuenta del error?

57. Página del usuario

58. Endpoint para obtener la información del usuario

59. Not found user component

60. Front de la página del usuario

61. Botones de compartir

62. Compartir en redes sociales

63. Arreglando problemas antes de subir a Git

64. Desplegando Aplicación

65. Algunos arreglos finales

66. Cambio de diseño en el perfil público

67. Subiendo nuevos cambios a Vercel