E-commerce Coffe
React JS
Next JS
TypeScript
Tailwind CSS
Strapi V4
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
70 clases
0. Extensiones VS Code
1. Herramientas necesarias
2. Preparando Base de Datos
3. Instalando Strapi
4. Conectando Strapi a Postgres
5. Panel de Strapi
6. Creando primeras categorias y productos
7. Añadiendo imágenes a categorías
8. Configurando la view de collection type
9. Haciendo peticiones en Insomnia
10. Package json back
11. Creando front
12. Creando navbar
13. Navbar Desktop
14. Navbar mobile
15. Footer
16. Dark Light theme
17. Slider top home
18. Featured products
19. Explicación Front, Back y Base de datos
20. Endpoint getFeaturedProducts
21. Pintando categorias
22. Creando featuredProducts
23. Añadiendo tipado y botones
24. Añadiendo datos a featured block
25. Porque Skeleton
26. Componente banner home
27. Bloque categories y obtener categorias
28. Maquetando category info
29. Bloque banner image home
30. Creando page category y explicando routes
31. Peticiones a category product
32. Filters category
33. Creando lista de categories
34. Cargando product card en categoria
35. Carousel images en product card category
36. Format price
37. Filtro de category
38. Mejoras mobile y reto que os pongo
39. Creando página de producto
40. Carousel images product
41. Título y atributos producto
42. Botones de página de producto
43. Creando carrito con Zustand
44. Añadiendo funcionalidad añadir carrito en botones
45. Modificando icono Navbar con items carrito
46. Vista Cart
47. Product Card view on cart
48. Eliminar producto del carrito
49. Funcionalidad loved items
50. Añadiendo funcionalidad loved product a página producto
51. Product card en loved product page
52. Reto de componente Reactivo
53. Finalizando página loved product
54. Refactor component ProductTasteOrigin
55. Refactor image miniature
56. Stripe en Front
57. Stripe en back
58. Probando a hacer compras
59. Success Page
60. Loader top next
61. Min height fixes
62. Creación de Github
63. Cuenta en vercel e importar proyecto git
64. Subiendo backend a Render
65. Migration desde local
66. Creando Neon tech
67. Arreglando error de imágenes
68. Comprobando parte front
69. Stripe variables de entorno