Dev.Text es el editor visual que construimos para nuestro propio flujo de trabajo: un overlay que se engancha a cualquier sitio Next.js en desarrollo y deja editar texto, fuentes y estilos directamente sobre la página, sin tocar el editor de código a mano.

Cómo funciona

Se levanta como un servicio local independiente y se conecta al proyecto con una sola línea en el layout de desarrollo. Una vez activo:

• Clic en cualquier bloque de texto abre una barra de edición ahí mismo.
• El buscador de fuentes trae un catálogo local de más de 2000 familias de Google Fonts, navegable con scroll, sin depender de una conexión a internet para explorar opciones.
• Los cambios de texto se escriben directo en el archivo .tsx/.jsx correspondiente del proyecto —si el texto aparece una sola vez en el código, lo reemplaza ahí mismo—.
• Los cambios de estilo (fuente, tamaño, color) se inyectan como un style real en el JSX, parseando el archivo con un AST en vez de adivinar clases de Tailwind.

Por qué existe

Editar copy y tipografía a mano —abrir el archivo correcto, encontrar el texto, guardar, recargar— es lento cuando se están afinando decenas de detalles pequeños de un sitio. Dev.Text recorta ese ciclo a un clic.

Es una herramienta de uso interno: la usamos para construir y afinar los sitios de nuestros clientes, no es un producto que se instale por fuera.