Una buena opción por si quieren montar tienda en serio. https://payouts.payoneer.com, y viven el sub-desarrollo como yo.
Introducción a Gatsby
¿Por qué Gatsby? Seguridad y Velocidad
¿Qué es Gatsby?
Diferencias entre SPA, SSR y Gatsby
Preparando el entorno
Requisitos previos y herramientas de desarrollo
Gatsby y Gatsby CLI y Starters
Configuración de ESLint
Fundamentos de Gatsby
Presentación y Estructura de Archivos de nuestro proyecto: Platziswag
Ecosistema de plugins
Usando React para manejar la parte visual e interactiva de nuestra aplicación
Creando la vista con React
Router en Gatsby y Componente Link
Layout en Gatsby
Graphql en Gatsby
¿Cómo funciona GraphQL en Gatsby?
Accediendo a nuestros datos en Gatsby desde GraphQL
Queries, Edges (conexiones) y Nodos en Gatsby
Consultas en GraphQL desde React
Usando plugins en Gatsby
Instalación y configuración de plugins
Imágenes como fuente de datos
Plugins de transformación
Estilizando nuestros componentes con styled-components
Estilos Globales con styled-components
Stripe checkout
Introducción a la API de Stripe Checkout
Agregando productos a nuestra tienda en línea
Productos en React
Generando páginas programáticamente
Creando páginas en función de los datos
Manejo de Gatsby Templates
Terminando la Vista de Detalle de los Productos
StaticQuery vs. useStaticQuery
Construyendo el Carrito de Compras: useContext
Construyendo el Carrito de Compras: Vista
Construyendo el Carrito de Compras: Agregar productos al carrito
Comprando productos
Gatsby a producción
Gatsby build para compilar nuestro proyecto
Deploy a Netlify
You don't have access to this class
Keep learning! Join and start boosting your career
If you already have an account,
Resources
The Stripe Checkout API will help us host, manage and process payments for our products:
- Create an account at dashboard.stripe.com/register.
- Choose the "Use Stripe API" option.
- Confirm your email and log in.
- Create your private keys in the "Get your API test keys" section.
- Save your keys in the
.env.developmentfile. Remember not to publish this file anywhere, not even on GitHub. You can add it to your ignore list in.gitignoreto make sure you never add it to your commits. - Enable the Checkout option from
Stripe Apps > Checkout Settings > Enable/Disable. - Finish your account setup at dashboard.stripe.com/account.
Screen reader support enabled.
Contributions 13
Questions 1
Sort by:
Mi platanero no aparece en la opciones jajaja
Por aqui un videito del famoso Fazt usando stripe con react https://www.youtube.com/watch?v=0Kd0LeAMGf4
Para los que se pierdan … la opcion de habilitarl el checkout cambio de nuevo… lo encontrarán en esta nueva url: https://dashboard.stripe.com/settings/checkout
La opcion de checkout ya no aparece en la pagina principal de Stripe, les dejo el link directo:
https://stripe.com/docs/payments/checkout
Stripe se puede usar en colombia?
Creo que esta tambien podria ser una opcion https://www.mercadopago.com.ar/developers/es/guides/online-payments/checkout-pro/integration/ 😃
para configurar el checkout (en el min 5:58) ir a
https://dashboard.stripe.com/settings/checkout
Y en la sección de próximos pasos buscar el botón Habilitar integración solo del cliente
Colombia no aparece en la lista de paises. Quedé 🤡
En mi país, El Salvador no está disponible Stripe al día de hoy. Uso una pasarela que se llama Pagadito
alguien sabe como puedo pedir la direccion del cliente cuando vaya a hacer una compra?
No se porqué terminé viendo Stripers
Want to see more contributions, questions and answers from the community?