Антон Болтнев

А чем плохи mapActions (в нижней части страницы) и mapGetters (в нижней части страницы) ? Если конечно, вы используете Vuex в проекте.

Если я правильно понял и вы хотите развернуть приложение на хостинге и домене, то придется искать DVS хостинг и настраивать окружение под node. Нодовские проекты, как я понял из общения с админами, просто так на обычный хостинг не поставить. Если хотите просто затестить - идите на heroku Там есть уже настроенные серваки, правда домен кривой и придется настроить heroku cli сначала. Но там годный мануал и ничего сложного.

чтобы оно было универсально, то есть корректно отображалось на смартфонах, планшетах, десктопах

Bootstrap учить далеко необязательно. В нем много лишнего. И порой ты можешь столкнуться с проблемой неBootstrap макета. Если дизайнер не нарисовал по сетке - бутстрап ваш только проект загрузит барахлом не нужным и придется переопределять стили. Что геморойно и опять же сжирает байты.
Научитесь лучше верстать на flex или grid. В нативное поведение этих css-свойств уже зашито адаптивное поведение.

чтобы оно корректно работало на старых/дешевых смартфонах

А насколько старыми они должны быть? iphone 3-4? и подобные?
Начнем с того, что эти устройства, на сколько мне известно, не поддерживают интернет выше 3g. А на таком соединении у них даже лендинги будут грузиться не быстро.
Тут тонкий момент. Либо ты постоянно пытаешься подстроиться под старое унылое г....:) Либо ты забиваешь на это и кодишь современно! Почитай про Изящная деградация vs. постепенное улучшение

Что касается того на чем вообще писать код. По бекенду не скажу, но очень популярна (как и всегда) Java. Из относительно нового - Node.js
Во Фронтенде если 3 фреймворка вокруг которых уже не первый год твориться истерия:
- Vue.js
-React.js
-Angular (уже мало кто пользует с нуля. В основном это поддержка уже написанных проектов)

Я для себя, как фронтенд, выбрал Vue.js
У него самый низкий порог вхождения и понятный "подкопот".
Популярность пониже чем у React.js, но набирает обороты.

создай условие: если в массиве orderList есть элемент с id=“milk”(id твоего товара) , то пушишь массив, формируя в нем объект товара (количество, назыание, цена и прочее). Для этого можно использовать метод: если orderList.find(i => i.id != “milk”) , то push(). Если есть такой id, то ищешь этот объект, в нем ищешь количество и ++ увеличиваешь на 1. Все:)
Вариант 2: подруби vuex. Создай props [количество] в компоненте заказа. Свяжи props с соответствующим элементом vuex store. А на кнопку увеличения кол-ва повесь $emit, который бы увеличивал значение store на 1 по клику. У тебя будет автоматом тикать кол-во товара в корщине при изменении store.