En lugar de volver a escribir códigos repetidos para una barra lateral en Javascript, hice una función de barra lateral que se usa para completar códigos similares para cada página. se parece a esto:

 function addSidebarTemplate(){ const template = document.createElement('template'); template.innerHTML = `<aside class="aside-container"> <header> <a href="."> link here</a> <a class="mr-1" href="#"> <i class="fab fa-linkedin"></i> </a> <a class="mr-1" href="#"> <i class="fab fa-facebook"></i> </a> <a class="mr-1" href="#"> <i class="fab fa-github"></i> </a> </header>` document.querySelector('#sidebar').appendChild(sidebar.content);

Hay otros elementos debajo de este código. Pero ninguno de ellos requiere la entrada del usuario. Me pregunto si es seguro usar innerHTML en este caso. Si no, ¿hay una mejor manera de insertar la barra lateral de esta manera?

Gracias