Ortica
Hablemos ↗
Ortica
Hablemos
ciao@ortica.io

Desarrollo React y Next.js

Interfaces que responden.
Aunque haya muchos datos.

Desarrollamos webapps e interfaces en React y Next.js, en TypeScript: dashboards, software de gestión, portales y frontends headless para tiendas online y CMS. Quien diseña las pantallas en Figma es también quien escribe los componentes.

Háblanos del proyecto ↗Qué hacemos ↓
  • React
  • Next.js
  • TypeScript
  • Figma
Qué hacemos con React

De los componentes
a la app en producción.

  1. 01

    Webapps y dashboards.

    Interfaces para trabajar en ellas todo el día: tablas con filtros, formularios largos, gráficos, permisos distintos para cada rol. Siguen siendo rápidas aunque haya muchas filas en pantalla.

    • React
    • TypeScript
    • Dashboards
  2. 02

    Webs y plataformas en Next.js.

    Renderizado en el servidor, páginas estáticas donde tienen sentido, imágenes optimizadas. Con Payload CMS cuando hace falta un panel de gestión.

    • Next.js
    • App Router
    • Payload CMS
  3. 03

    Frontends headless.

    Una interfaz en React delante de Shopify, WooCommerce o de un backend que ya tienes, cuando el tema estándar se queda corto.

    • Headless
    • API
    • Ecommerce
  4. 04

    Design system en código.

    Los componentes diseñados en Figma se convierten en una librería React con los mismos nombres, variantes y estados. Quien añada una pantalla mañana parte de ahí.

    • Figma
    • Componentes
    • Accesibilidad
  5. 05

    Proyectos que retomar.

    Apps en React que se han quedado en versiones antiguas o que escribieron otros: leemos el código, actualizamos por etapas y volvemos a poner en marcha las comprobaciones y los despliegues.

    • Actualizaciones
    • Refactoring

Con qué trabajamos

Webapps y dashboardsWebs y plataformas en Next.jsFrontends headlessDesign system en códigoProyectos que retomar
ReactNext.jsTypeScriptFigma
¿React, Next.js u otra cosa?

La herramienta adecuada.
No la que está de moda.

React es la librería más extendida para interfaces web, y eso cuenta: documentación, librerías y desarrolladores que sabrán leer el código también después de nosotros.

Elegimos React cuando

  • La interfaz tiene muchos estados e interacciones
  • Las mismas piezas se repiten en varias pantallas
  • El proyecto crecerá y pasará a otras manos
  • Ya hay un backend o unas APIs que usar

Añadimos Next.js cuando

  • Las páginas tienen que encontrarse en Google
  • Importa la velocidad de la primera carga
  • Frontend y API están mejor en el mismo proyecto
  • Hace falta un panel de gestión con Payload CMS
Lo que cuidamos

Lo que no se ve.
Hasta que falta.

  1. 01

    Accesibilidad.

    Teclado, foco, etiquetas y contrastes pensados desde el principio, no añadidos al final.

  2. 02

    Velocidad.

    Menos JavaScript enviado al navegador, componentes cargados cuando hacen falta, datos obtenidos en el servidor donde conviene.

  3. 03

    Comprobaciones y despliegues.

    Comprobaciones automáticas de tipos y funciones principales, y despliegues automáticos en un entorno de pruebas antes del de producción.

Preguntas frecuentes

Sobre React y Next.js
nos preguntan a menudo.

¿Cuánto cuesta una webapp en React?

Depende de las especificaciones del proyecto: pantallas, roles, integraciones y cantidad de datos. Para trabajar sobre un proyecto React existente se suele usar una bolsa de horas. Después de un primer análisis te enviamos un presupuesto por escrito.

¿Qué es mejor, React o Next.js?

Next.js está construido sobre React: no son alternativas. React solo vale para aplicaciones detrás de un login; Next.js añade renderizado en el servidor, rutas y APIs, útiles cuando las páginas tienen que ser rápidas y encontrarse en Google.

¿Podéis trabajar en nuestro proyecto React?

Sí. Primero leemos el código, las dependencias y el despliegue, y luego te decimos qué conviene mantener, actualizar o reescribir. Podemos trabajar junto a vuestro equipo o hacernos cargo del proyecto.

¿Hacéis solo el frontend?

Sí. Podemos desarrollar el frontend en React sobre APIs que ya existen, vuestras o de terceros, o encargarnos también del backend en Node.js.

¿Y si también hace falta una app para el móvil?

Si el proyecto lo pide, la app para iOS y Android usa el mismo backend que la webapp, y la publicación en las stores la llevamos nosotros. Lo contamos en la página de webapps y apps.

¿Trabajáis también para agencias?

Sí, desarrollamos frontends en React y Next.js en marca blanca a partir de los diseños de las agencias. Lo contamos en la página para agencias.

Siguiente servicioNode.js Backend, API e integraciones en Node.js y TypeScript: la parte que no se ve de aplicaciones web, SaaS y tiendas online, ordenada y documentada.
El próximo proyecto

¿Un proyecto en React?
Cuéntanoslo.

Nuevo o por retomar: empezamos por lo que tiene que hacer y por quién lo va a usar.

Háblanos del proyecto ↗Soy una agencia ↗

Hablemos