Как реализуется страница для просмотря в деталях продукта?

Question

[Ibishka]

Здарова. При нажатии на продукт в каталоге открывается страница для просмотра в деталях. Как бывает это все т.е (при нажатии на продукт берется имя, описание, цена и передается в объект. И из объекта берятся значения и вставляем на нужные места на странице для просмотра в деталях. - это было изначально моя идея т.к сайт выложу на github pages т.е серверный язык запрещен. Как реализовать подобную идею чтоб в дальнейшем смог выложить на github pages?) . И еще как если можно использовать серверный язык?

Comments

[Михаил]

использовать внешний сервис через который получать данные

Answer 1

[Иван Ганев]

GitHub Pages подходит только для статичных сайтов.

Что бы сделать каталог можно использовать какой-нибудь генератор статичных сайтов (например Gatsbyjs, Hugo или Jekyll). К примеру, при генерации сайта движок, по заданной вами логике, будет генерировать для каждого продукта свою страницу (беря данные из API, json файла, из чего угодно). Соответственно при нажатии на продукт пользователь будет просто переходить по ссылке на уже сгенерированную, статичную страницу этого продукта.

Comments

[Ibishka]

Т.е на гитхабе можно сделать мою реализацию с помощью Jekyll

[Иван Ганев]

Jekyll позиционирует себя как движок для блогов, не думаю что это хороший вариант для создания именно каталогов, так что я бы лучше смотрел на какой-то более сложный генератор статичных сайтов. Лично я делал каталоги на Gatsbyjs, на нем такое точно можно реализовать. Hugo вроде то же на такое способен.

Answer 2

[xmoonlight]

json+fetch()

Answer 3

[Максим Анциферов]

Если не планируется SEO оптимизация итд, то проще всего сделать сайт на React/Vue с использованием их роутера, тогда при переходе на роут продукта данные будут скачиваться и отображаться