Вопрос Как создается огромное количество карточек товара на сайте?

Я хочу на своем сайте создать условно 50 карточек товара. Или сотню. Как этот процесс автоматизируется? Я знаю, что на js можно написать скрипт, который 50 раз выполниться. Но как тогда карточки заполнить уникальным содержимым?

Естественно это не верстается вручную, вся информация берется из БД. После ее получения через innerText вставляем.

Из базы данных берется информация. Если ее нет, можешь создать массив с объектами, где вся информация будет.
Или еще выше создать массивы с возможными вариантами и массив, где в полях будет функция, которая ищет рандомный элемент в массиве.
Вот, если очень кратко const products = [
{ title: 'Продукт №1', price: 100 },
{ title: 'Продукт №2', price: 200 },
{ title: 'Продукт №3', price: 300 },
{ title: 'Продукт №4', price: 400 },
]

const renderCards = (cards) => {
cards.map((card) => {
const div = document.createElement('div')
div.innerHTML = `${card.title}${card.price}рублей`
// container это элемент-родитель, где карточки лежат
container.appendChild(div)
})
}

не вручную... из 1с сливается... да мало ли способов... парсер, например... понятно, что изначально и в 1с и в парсер кто-то что-то вносит...

Руками наполняется, руками
Обычно делают форму для наполнения (т.н. админку), из которой всё записывается в базу данных, а из данных в БД уже формируются страницы, сколько угодно