Caso de estudio
WME Trading Corp
- Next.js 16
- React 19
- TypeScript
Problema
WME Trading Corp es una marca de formación para traders en desarrollo. Necesitaba una casa pública en wmetradingcorp.com que explicara su mentoría a un público multilingüe, en un mercado donde un texto descuidado se lee como una promesa de beneficios. Hay prevista una plataforma de cursos para clientes, así que la primera versión también tenía que dejarle sitio.
Enfoque
Construí la landing con Next.js 16, React 19 y TypeScript estricto. Cada idioma tiene los textos completos en CA, EN, ES, DE, NL, FR, IT, PT y RO, incluidos avisos, metadatos y textos de accesibilidad, en su propia ruta compartible con canonicals, alternativas hreflang y entradas de sitemap coherentes. Un contrato tipado de diccionarios hace fallar los tests si a un idioma le falta una clave, y solo se carga el idioma elegido.
Los textos plantean el trading como un ciclo de aprendizaje: preparar, practicar, revisar y afinar. Su gráfico es un diagrama didáctico ficticio y etiquetado, nunca una previsión, y la página dice claramente que ofrece formación de pago sin rentabilidades prometidas. Las consultas abren un correo en lugar de un formulario, así que la web no recoge nada. No carga fuentes remotas, rastreadores ni base de datos, arranca en tema oscuro restaurado antes del primer pintado y desactiva el movimiento no esencial con prefers-reduced-motion.
Las rutas públicas viven en su propio grupo de rutas, de modo que una futura zona de cursos autenticada podrá tener su propio layout y controles de acceso en servidor sin rehacer la web comercial.
Resultado
La página está en producción en el dominio del cliente a través de Vercel, con www redirigiendo al dominio raíz por HTTPS y las nueve rutas localizadas verificadas allí. El cliente tiene hoy una presencia pública creíble y un código preparado para la plataforma de cursos cuando se cierren sus requisitos.