P
personalized-product-steps
Shopify App· Year 2026· Client: Futsides· In production
Custom development for Futsides (futsides.com): a Shopify app that personalizes products through a step-by-step guided flow (products-by-steps extension). Built with Remix, Polaris and App Bridge on Prisma/SQLite, deployed on Fly.io.
Stack
- Remix
- Shopify
- Polaris
- App Bridge
- Prisma
- SQLite
- Fly.io
- TypeScript
- React
- Node.js
🧩 Qué es
App de Shopify que permite a los clientes personalizar productos siguiendo un flujo guiado paso a paso, mediante la extensión products-by-steps. Cada paso captura opciones (texto, imágenes, fuentes con opentype.js…) que se aplican al producto antes de añadirlo al carrito.
🧱 Stack
- Remix + Shopify App Bridge + Polaris (app embebida)
- Prisma + SQLite con volumen persistente
- Litestream opcional para replicar la base a S3
- Extensión de producto
products-by-steps - Sharp y opentype.js para el procesado de imágenes y tipografías
🚀 Despliegue
Desplegada en Fly.io (personalized-product-steps.fly.dev) con Docker, puerto 3000 y volumen montado en /data.