Saltar al contenido principal
Índice

Web · 2026

PlanetApple

E-commerce de iPhones premium con TanStack Start, calculadora de plan canje y cotización en ARS en tiempo real.

Stack
TanStack Start · TanStack Router · TanStack Query · React 19 · Tailwind CSS 4 · TypeScript · Vite 7
PlanetApple
01

Contexto

PlanetApple nació como una propuesta comercial para una tienda física dedicada a la compraventa y renovación de iPhones en Argentina. El negocio operaba sus ventas exclusivamente por Instagram, sin catálogo web ni herramientas de autogestión para sus clientes. El proyecto se enmarca en el contexto del mercado argentino, donde la volatilidad del peso (ARS), la fluctuación del Dólar Blue y la práctica del Plan Canje (permuta de un equipo usado como parte de pago) exigen una actualización constante de precios y procesos de tasación que, sin canales digitales, recaen íntegramente en la atención manual uno a uno.

02

Motivación

La oportunidad surgió al ver que un negocio con ventas activas de iPhones dependía enteramente de Instagram para cada consulta de precio, pedido de stock o cotización de plan canje. En un mercado donde el dólar blue se actualiza todos los días, esa carga operativa mantenía al local atascado en respuestas uno a uno. El propósito fue eliminar esa fricción y darle al negocio herramientas para que los clientes pudieran autogestionarse sin intervención manual constante.

03

Qué hice

Diseñé una aplicación full-stack SSR con TanStack Start, organizada en una arquitectura limpia que separa la lógica de dominio, las capas de infraestructura y la presentación. Las server functions ejecutan la lógica de negocio del lado del servidor sin requerir una API REST independiente, y el sistema de rutas con TanStack Router garantiza tipado estricto de extremo a extremo, eliminando errores de estado en la navegación.
  • Catálogo con precios en tiempo real: cada producto muestra precio en USD y su conversión automática a ARS. Un sistema de caching con TanStack Query consulta APIs financieras (Dólar Blue) e invalida los datos periódicamente, manteniendo las cotizaciones actualizadas sin sobrecargar conexiones externas.
  • Calculadora de Plan Canje: flujo interactivo que evalúa modelo, estado estético y condición de batería del equipo ingresado por el cliente, calcula el valor de permuta contra el catálogo y genera un presupuesto preformateado para compartir por WhatsApp, eliminando la tasación manual uno a uno.
  • Portal de enlaces (/links): landing que reemplaza el Linktree en la bio de Instagram, integrando acceso directo al catálogo, la calculadora de canje y un cotizador rápido de usados en una sola pantalla.
05

Galería

Vistas de Escritorio (9)

Vistas Móviles (1)