Интернет-магазин: frontend за 2 дня!

Пора добавить к закрытой админке интернет-магазина Lunar хоть какой-то frontend, чтоб посетители сайта тоже смогли поучаствовать в нашем веселье. 

 

Привет-привет!

Уже около месяца я ковыряю интернет-магазин, и из этого месяца недели три пялюсь на движок Lunar. Чувства смешанные. Достаточно регулярно он выдаёт какие-то ошибки в самых невинных местах. Он использует Filament 3, хотя уже давно вышла пятая версия. Он кажется достаточно примитивным по функциональности, но достаточно замороченным по своей архитектуре. В общем, оснований для неуверенности в выборе движка более, чем достаточно. Но верно говорят, что если достаточно долго смотреть в бездну, то бездна начинает смотреть на тебя :) В общем, чем дальше, тем больше движок мне нравится. Раз так, хватит заниматься фигней и пора делать frontend. 

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

Итоговый результат мне нравится. Он минималистичен и функционален. Я пока не определился, будут ли категории присутствовать в меню или отдельно на странице. Пока реализовал и так, и этак. Полюбуйтесь, каким гибким может быть адаптивный дизайн. Я поделил страничку на две части. В одной части сайт может быть в тёмной теме на английском языке для узкого экрана телефона, в другой части показано, как он выглядит в светлой теме на русском для десктопа.

По объёму сгенерированного кода… Очень скромно. Для вывода всех страниц используется ShopController объёмом в одну страничку. Для заказа — OrderController на две странички. Для смены языка middleware из одного условия. Кроме того, созданы 5 шаблонов и 2 странички локалей с фразами на русском и английском языках. Всё…

В процессе создания кода нейросеть Гугла многократно испытала совершенно искренний испанский стыд. Никакие другие нейросети морально не пострадали.

Может, тут довольно быстро на экране помелькали исходники. Если кто-то экспериментирует с Lunar вместе со мной и не смог повторить какой-то этап - пишите в Телеграм, Макс или соцсети. Ссылки есть на самом разрабатываемом сайте. 

Всем пока-пока!

 

Комментарии (0)

Войдите, чтобы оставлять комментарии.
Пока нет комментариев. Будьте первым!