Alquiler de vehículos
React JS
Next JS
TypeScript
Clerk JS
Tailwind CSS
PostgreSQL
Prisma
Zustand
Uploadthing
Stripe
¿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
58 clases
0. Instalando IDE, Node y Extensiones
1. Instalando proyecto con Shadcn
2. Instalando NextJS Top loader y autenticación
3. Explicación de directorios
4. Login y registro dentro de nuestra app
5. Organización de directorios en APP
6. Layout Login and register
7. Estructura dashboard layout
8. Creando sidebar
9. Cargando datos de sidebar
10. Navbar mobile
11. Comenzando página principal dashboard
12. Creando configuración Prisma y Neon
13. Modelos de Prisma
14. Página admin cars manager
15. Botón añadir nuevo coche
16. Creando Form add car
17. Configurando uploadthing
18. Botón submit and validate form
19. Endpoint crear coche
20. Obteniendo coches de la base de datos
21. Card Car
22. Botón editar coche
23. Formulario Car
24. Endpoint edit car
25. Endpoint delete car
26. Publish and unpublish car
27. Listado de coches para clientes
28. Características coche en la lista
29. Alert dialog reservar coche
30. Instalación Calendar Shadcn y tipados
31. Calendario de reservas
32. Añadiendo pasarela de pago
33. Función route checkout de Stripe
34. Comprobando pago con Stripe
35. Navbar genérico
36. Maquetando página order confirmation
37. Página order error
38. Loved products
39. Funcionalidad loved cars
40. Página de reservas
41. Página de administrador de reservas
42. Haciendo pedido desde otra cuenta
43. Formateando fecha
44. Empezando a maquetar home
45. Componente reactivo para animaciones
46. Carousel home
47. Bloque features
48. Bloque de flota de vehículos
49. Bloque CTA con registro
50. Página list car
51. Componente listado de coches
52. Skeleton Cars
53. Creando filtros
54. Probando filtros
55. Icono loved items en navbar
56. Filtrando si eres administrador
57. Desplegando proyecto