What is the best way to organize the structure of the site?

Question

JavaScript

Hello! I am making a business card website for a photographer, it has a portfolio section. For each client in a specific category (portraits, group photos, etc.) there is a separate card that leads to a page generated from a template (with a filled in name and uploaded photos).
Question: what is the best way to make such functionality? So far, the amount of material is small, and everything can be done manually, but common sense suggests that this business should be automated.
I see it like this:

1. Write out the names of all clients sorted by category into an array
   
2. Through Vue, for example, make a cycle during which cards for clients will be laid out
   
3. On the backend, during a GET request, /portraits/:namesend the view to a page where the data will be changed in the right places, and inside them it will be necessary to run a cycle to read the photos from the directory.
   But here is another problem: how to display his photos for an individual, if it seems impossible to do this through the backend?
   

Am I thinking in the right direction or is there a more elegant solution? Thanks

Answer 1

Made. Cheerio on the backend, components can be mastered on jQuery