Задать вопрос

Как правильно построить архитектуру приложения Vue?

Имеем.
Простой интернет магазин, пишем с нуля.
Шапка, пара слайдеров, карточки товара, спец предложение(большая карточка товара), футер,

Но, нужно переключатель на 3 и более городов, в каждом городе меняются цены, названия и возможно фото.

Бонусом к этому нужно небольшую админ панель / crm куда будут приходить заказы.
В админ панели нужно менять фото, текста - помним, что для каждого города разные.

В crm просто меняем например статусы.

Главный вопрос.
Что засунуть в компоненты, как лучше всего выстроить роуты, что хранить в стейт?
Так как магазин простой, думаю имеет смысл все сделать без БД а просто в стейте?

P.S Товаров будет не более 20.
  • Вопрос задан
  • 1830 просмотров
Подписаться 6 Средний Комментировать
Решения вопроса 2
@AlexCraft
Software engineer
State хранит данные только на клиенте, и даже если Вы сделаете location.reload (обновите окно браузера), все данные потеряются. Так что без БД никак не обойтись.
Ответ написан
IgorPI
@IgorPI
Всё гораздо проще.
Использовать vue как клиент
И мыслить так как это клиентское приложение.
Хоть оно и имеет свой собственный аля клиент-сервер и может работать без back-end.
На этом можно с vue покончить.

Далее в игру вступает back end

Вот и делайте архитектуру там.
Продукты, корзины, заказы, хранение данных, удаление, разделение ролей и так далее.

Отдавайте vue json

А vue это всего лишь 1 единица клиента.
1 единица приложения, которая оторвется от сервера и будет работать в браузере не используя свой сервер.

PS, vue из коробки не настроен ssr.
А вообще можно использовать nuxt
Теже яйца только с боку.
Только там уже настроен ssr.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы