А что, так можно было?

Отрендерить на бэкенде и отдать html, который подхватится js’ом в браузере.

Если из js фреймворков смотреть, то svelte умеет компилировать компоненты под ssr - там вместо работы с dom(а на сервере это будет какая-нибудь его эмуляция), будет работа со строками, что довольно шустро.

Ванильный JavaScript и HTML. Никаких фреймворков. Никаких библиотек. Никаких проблем

Хорошее замечание, спасибо.

Ванильный JavaScript и HTML. Никаких фреймворков. Никаких библиотек. Никаких проблем

Часто приходится работать с чистым JS, я обычно так делаю:

ul.insertAdjacentHTML('beforeEnd', `
    <li>
        <div class="card">
            <div class="card-content">
                <div class="content">
                    <div class="name">
                        ${ hero.name }
                    </div>
                    <div class="description">
                        ${ hero.description }
                    </div>
                </div>
            </div>
        </div>
    </li>`
);