UG groups

Rango es una agencia digital que crea software para startups y emprendedores. Construí el sitio web de marketing y lo puse en producción.

Stack

  • Expo

  • React Native

  • TypeScript

  • Nest.js

Propósito del proyecto

Construir un sitio web atractivo que atraiga a nuevos clientes potenciales y conduzca a nuevos desafíos y oportunidades.

Explicación del stack

Construí este sitio usando React, Next.js y Tailwind con el fin de iterar más rápido sobre la marcha, dando al equipo de desarrollo la flexibilidad para mantener fácilmente cada componente. Otros puntos de este stack son las mejoras de rendimiento y las características de SEO incorporadas que ahorran mucho tiempo de desarrollo.

Con React y sus hooks para la gestión de estados fué realmente útiles para crear las animaciones y los eventos del intersection observer y el modelo 3D se construyó con Three.js. Por último, pero no menos importante, para el servicio de formulario de contacto la elección correcta fue la API de Formspree que se interconecta con múltiples clientes de correo electrónico implementados a través de las rutas de la API de Next.js

Problemas resueltos

Integrar una experiencia de usuario personalizable, implementar las mejores prácticas para aumentar el SEO, el rastreo web y un mejor rendimiento para llegar a más clientes. Integrar el sitio web principal de la empresa en un entorno serverless para disminuir y mejorar los tiempos de carga.

Conclusión

Fue la primera vez que construí un modelo con Three.js, este proyecto sólo confirma que un entorno serverless es realmente fácil de integrar con servicios de terceros y gracias a Next.js nos acercamos a un mejor DX y ahorramos mucho tiempo en el proceso.