nunca hice una pregunta aquí, ya que generalmente encontraría todas mis respuestas simplemente ingresando la consulta de búsqueda correcta. Por ahora, ni siquiera estoy seguro de estar mirando en la dirección correcta y qué tan posible es lo que quiero hacer. ..

Lamentablemente, no tenemos un ingeniero de FE lo suficientemente experimentado en el equipo con el que pueda hablar.

El problema: mi empresa quiere crear un widget que puedan compartir con nuestros socios externos; básicamente, darles un fragmento de código JS/HTML que incrustarían en su sitio web y lo marcarían a su manera + para que lo tengan algún control para configurar ese widget. De la misma manera, por ejemplo, Intercom (u otros chats de ayuda / soporte funcionan cuando desea integrarse con ellos). Entonces, lo que comparte es un JS (y tal vez un archivo CSS) de su CDN + algún código para incrustar en su sitio web, debe ser independiente de la plataforma.

Es por eso que la solución que se me ocurrió fue crear un componente web/HTML personalizado, con una etiqueta personalizada con algunos atributos personalizados como <my-component my-attribute1="" my-attribute2="" ... > agrupados en un archivo JS simple/vainilla que podríamos compartir con ellos.

Nuestro sitio web actual (y la funcionalidad que nos gustaría reutilizar de esta manera) está construido en React + NextJS. ¿Estoy en el camino correcto? ¿Es posible que envolvamos lo que tenemos actualmente (JSX React Component) en este elemento HTML personalizado y lo empaquetemos en un JS que podamos darles?

Revisé toneladas de artículos en línea e incluso probé cosas en la caja de arena, una cosa que todavía no puedo hacer bien es: ¿necesitarán seguir haciendo referencia a los recursos de React? ¿Cómo lo convierto en un paquete separado/distribuible que es relativamente pequeño ( estamos usando nextJS build + webpack), ¿alguien ha hecho algo así antes, qué problemas enfrentaron y valió la pena?

Otra opción es incrustarlo todo en un iframe que haga referencia a nuestra URL con esa funcionalidad en el sitio web de un socio, lo que podría ser feo, mucho menos personalizable y un montón de problemas de seguridad...