Repositorio del proyecto:

Front: https://github.com/ratasi/udemy-ecommerce-coffe-fe

Backend: https://github.com/ratasi/udemy-ecommerce-coffe-be

Descripción de lo que se va a ver:

Introducción al eCommerce:

Principios básicos: Se aprenderá cómo funciona una tienda online moderna, qué tecnologías se usan y cómo configurarlas para crear una experiencia de compra atractiva.
Selección de productos: Verás cómo elegir y gestionar los productos para tu tienda, desde su carga en el backend hasta su visualización en el frontend.

Desarrollo del backend con Strapi v4:

Instalación y configuración de Strapi: Configurarás un proyecto de Strapi v4 como el backend de tu tienda eCommerce. Crearás modelos para productos, categorías y órdenes, y aprenderás a estructurar las relaciones entre ellos.
Creación de APIs: Te enseñaremos a crear y consumir las APIs REST de Strapi para obtener y manejar datos de productos en el frontend.
Gestión de productos y stock: Configurarás las colecciones de productos, con campos para nombre, descripción, precios, imágenes y stock.

Integración de Stripe para pasarela de pagos:

Configuración de Stripe: Aprenderás a configurar Stripe para gestionar pagos de manera segura. Esto incluye la integración del frontend con la API de Stripe para crear pagos y suscripciones.
Proceso de pago: Verás cómo implementar un flujo de pago funcional, donde los usuarios podrán comprar productos, pagar con tarjetas de crédito y recibir confirmaciones de pago en tiempo real.
Webhooks de Stripe: Configurarás webhooks para gestionar notificaciones automáticas cuando se complete una compra o se actualice el estado del pago.

Frontend con Next.js 14 y ShadCN:

Desarrollo de la tienda con Next.js 14: Usarás Next.js 14 para crear un frontend dinámico y optimizado para SEO. Aprenderás a usar sus características como SSG (Static Site Generation) y SSR (Server-Side Rendering) para la carga eficiente de páginas.
Diseño con ShadCN: Aprenderás a aplicar ShadCN para estilizar tu frontend de forma rápida y eficiente. Utilizarás los componentes prediseñados de ShadCN para crear una interfaz visualmente atractiva y consistente para tu tienda.
Páginas principales: Crearás páginas clave como:
Página de inicio: Un diseño atractivo con productos destacados y promociones.
Catálogo de productos: Visualización de productos con filtros, categorías y opciones de búsqueda.
Detalles del producto: Página dedicada a cada producto con su descripción, precios, imágenes y botón de "Añadir al carrito".
Carrito de compras: Sección donde los usuarios pueden ver y modificar los productos antes de proceder al pago.

Optimización para SEO y rendimiento:

Optimización para SEO: Configurarás las mejores prácticas de SEO utilizando las herramientas de Next.js para mejorar la visibilidad de tu tienda en motores de búsqueda.
Optimización de rendimiento: Te enseñaremos cómo hacer que tu tienda sea rápida y eficiente utilizando técnicas como Lazy Loading, Code Splitting y otras optimizaciones de Next.js.

Despliegue de la tienda:

Despliegue en Vercel: Finalmente, desplegarás tu tienda en Vercel o cualquier otra plataforma de tu preferencia, para hacerla accesible a todo el mundo.
Mantenimiento: Aprenderás a mantener y actualizar tu tienda después del lanzamiento, incluyendo la gestión de productos y precios a través de Strapi.

Lo que vas a hacer en el curso:

Configurarás un backend en Strapi v4, donde gestionarás productos, categorías y pagos sin necesidad de autenticación de usuario.
Desarrollarás un frontend interactivo con Next.js 14, integrando páginas dinámicas y estáticas con una experiencia de compra fluida.
Integrarás Stripe como pasarela de pagos, permitiendo que los usuarios puedan comprar productos y realizar pagos de forma segura.
Aplicarás diseño visual con ShadCN, creando una interfaz moderna y estilizada que mejora la experiencia de usuario en la tienda online.
Implementarás funcionalidades clave como la visualización de productos, el carrito de compras y la gestión de pagos, sin necesidad de un sistema de autenticación.
Lanzarás tu tienda en línea de manera efectiva utilizando herramientas como Vercel, asegurando un despliegue rápido y sencillo.

Objetivo final del curso:

Al finalizar el curso, tendrás una tienda online completamente funcional utilizando Strapi v4 para la gestión de productos, Stripe para pagos y Next.js 14 con ShadCN para un frontend atractivo y optimizado. Serás capaz de gestionar tu tienda de manera sencilla, agregar productos, actualizar precios, procesar pagos y ofrecer una excelente experiencia de compra a los usuarios.

Explora todos loscursos disponibles