Estoy creando una aplicación con Express que usa el sistema de plantillas ejs . Tengo un formulario que contiene una entrada que se construye dinámicamente con la variable de tags , además, hay un botón para agregar una nueva Tag , que usa AJAX para hacerlo.

app.ts

 app.get('/', async (req: Request, res: Response) => { const tags = await TagController.getAllTags(); res.render('index', { tags }); });

index.ejs

 <% tags.forEach((t)=>{ %> <div class="tag is-dark"> <%= t.name %> </div> <% }); %> <button id="add-tag">Add a new tag!</button>

El problema es que quiero que esto se agregue sin agregar algo como location.reload() ya que la carga de la página es bastante grande, empeora la experiencia del usuario y debería implementar un sistema para administrar el estado del formulario.

Entiendo que puedo hacerlo a través de Javascript, ya que tengo un punto final que devuelve todas las etiquetas, pero eso me llevaría a reconstruir partes de la interfaz y dejar de usar el sistema de plantillas ejs .

¿Hay alguna forma de recargar la variable inyectada sin recargar la página? ¿O es completamente estático y la única forma de modificarlo es mediante la recarga?