Do I have to make 500 html files to show my 500 product details pages? Or I can just do it inside one html file?

Question

I have these confusions actually.... I never got a tutorial or any suggestions on this topic

Answer 1

you would have an array of all products and you would loop through the array and render them all on the screen. You can do it in javascript like:

let products = [
{ _id: 1, name: "Shirt", price: 100 },
{ _id: 2, name: "Pent", price: 150 },
]

products.forEach(product => {
document.getElementById("products-div").innerHTML += `
<div>
<h1>${product.name}</h1>
<h2>${product.price}</h2>
</div>
`
})

Answer 2

Use a database to store your product details and dynamically load them into your page using any back end language of your choice.

Answer 3

Thanks man it was helpful

Answer 4

Noob Dev no problem :)

Answer 5

Noob Dev use reactjs with react-router and use dynamic routing.

Answer 6

How does that work actually?

Answer 7

Just need a little bit of explanation

Answer 8

Learn reactjs first

Answer 9

Thanks man

Answer 10

One css file is good enough for 5000 html pages 🙏

Answer 11

Hello.guys