Crea un Ecommerce desde Cero: Guía Completa con NextJS, React, Tailwind, Shadcn, Strapi y Stripe 🚀
10.4 هزار بار بازدید -
ماه قبل
-
¡Bienvenidos a mi curso completo
¡Bienvenidos a mi curso completo donde construimos un ecommerce desde cero! En este video, te llevaré paso a paso a través de todo el proceso de creación de una tienda online usando las tecnologías más modernas y eficientes del mercado.
📢 Recursos Adicionales:
Discord para cualquier problema/error/bug: Discord: discord
⭐️ Código fuente del proyecto +: Actualizaciones y mejoras de código https://cursos.rafatarrega.com/ecomme...
📚 ¿Qué Aprenderás en Este Curso?
- 🌐 Next.js 14 & server actions
- 🎨 Componentes bonitos con Shadcn UI
- 🛍 Tienda online
- 💳 Pasarela de pago con Stripe
- 🏠 Landing page con animaciones
- 📊 Admin dashboard con Strapi
- 💾 PostgresDB using NeonDB
- 🚀 Deployment on Vercel
- 📱 Mobile responsive
NextJS: Cómo configurar y utilizar este poderoso framework para aplicaciones React.
React: Fundamentos y técnicas avanzadas para crear componentes reutilizables y dinámicos.
Tailwind CSS: Estilos modernos y responsivos con facilidad.
Shadcn: Integración y uso de componentes personalizados.
Strapi: Configuración y manejo de un CMS (Content Management System) Headless.
Stripe: Integración de pasarelas de pago seguras y eficientes para gestionar transacciones.
🛠️ Proceso Completo:
- Configuración del Proyecto: Desde la instalación de NextJS hasta la configuración de Strapi y Stripe.
- Desarrollo Frontend: Creación de interfaces atractivas y responsivas con React y Tailwind CSS.
- Backend con Strapi: Configuración y personalización de nuestro CMS para manejar productos y pedidos.
- Integración de Pasarela de Pago: Implementación de Stripe para aceptar pagos en línea de manera segura.
- Despliegue en Producción: Subir tu ecommerce a un entorno real para que esté disponible en la web.
🚀 ¿Para Quién es Este Curso?
Desarrolladores principiantes y avanzados interesados en crear proyectos de ecommerce.
Emprendedores que buscan lanzar su propia tienda online.
Cualquier persona interesada en aprender tecnologías modernas para el desarrollo web.
📅 Temas del Video:
00:00 - Intro y qué vamos a hacer durante el curso
06:50 - Configuración de la Base de datos
10:00 - Instalando Strapi y explicación desde dentro
00:41:00 - Haciendo peticiones desde Insomnia
00:49:10 - Creando parte de front
01:25:00 - Dark y Light theme
01:44:07 - Explicación de Front, Back y Base de Datos
01:48:00 - Obteniendo datos del back
02:58:00 - Filtrando categorías
03:21:00 - Carousel de imágenes
03:41:06 - Creando página de producto
04:10:30 - Creando carrito con Zustand
05:30:40 - Configurando Stripe
05:57:00 - Despliegue de la aplicación
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💟 Sígueme
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
‣‣ Udemy ► https://www.udemy.com/user/rafatarre/
‣‣ Instagram ► Instagram: tarredev
📢 Recursos Adicionales:
Discord para cualquier problema/error/bug: Discord: discord
⭐️ Código fuente del proyecto +: Actualizaciones y mejoras de código https://cursos.rafatarrega.com/ecomme...
📚 ¿Qué Aprenderás en Este Curso?
- 🌐 Next.js 14 & server actions
- 🎨 Componentes bonitos con Shadcn UI
- 🛍 Tienda online
- 💳 Pasarela de pago con Stripe
- 🏠 Landing page con animaciones
- 📊 Admin dashboard con Strapi
- 💾 PostgresDB using NeonDB
- 🚀 Deployment on Vercel
- 📱 Mobile responsive
NextJS: Cómo configurar y utilizar este poderoso framework para aplicaciones React.
React: Fundamentos y técnicas avanzadas para crear componentes reutilizables y dinámicos.
Tailwind CSS: Estilos modernos y responsivos con facilidad.
Shadcn: Integración y uso de componentes personalizados.
Strapi: Configuración y manejo de un CMS (Content Management System) Headless.
Stripe: Integración de pasarelas de pago seguras y eficientes para gestionar transacciones.
🛠️ Proceso Completo:
- Configuración del Proyecto: Desde la instalación de NextJS hasta la configuración de Strapi y Stripe.
- Desarrollo Frontend: Creación de interfaces atractivas y responsivas con React y Tailwind CSS.
- Backend con Strapi: Configuración y personalización de nuestro CMS para manejar productos y pedidos.
- Integración de Pasarela de Pago: Implementación de Stripe para aceptar pagos en línea de manera segura.
- Despliegue en Producción: Subir tu ecommerce a un entorno real para que esté disponible en la web.
🚀 ¿Para Quién es Este Curso?
Desarrolladores principiantes y avanzados interesados en crear proyectos de ecommerce.
Emprendedores que buscan lanzar su propia tienda online.
Cualquier persona interesada en aprender tecnologías modernas para el desarrollo web.
📅 Temas del Video:
00:00 - Intro y qué vamos a hacer durante el curso
06:50 - Configuración de la Base de datos
10:00 - Instalando Strapi y explicación desde dentro
00:41:00 - Haciendo peticiones desde Insomnia
00:49:10 - Creando parte de front
01:25:00 - Dark y Light theme
01:44:07 - Explicación de Front, Back y Base de Datos
01:48:00 - Obteniendo datos del back
02:58:00 - Filtrando categorías
03:21:00 - Carousel de imágenes
03:41:06 - Creando página de producto
04:10:30 - Creando carrito con Zustand
05:30:40 - Configurando Stripe
05:57:00 - Despliegue de la aplicación
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💟 Sígueme
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
‣‣ Udemy ► https://www.udemy.com/user/rafatarre/
‣‣ Instagram ► Instagram: tarredev
ماه قبل
در تاریخ 1403/03/27 منتشر شده
است.
10,491
بـار بازدید شده